使用单选按钮替换样式表

Alternating stylesheet using radio buttons

本文关键字：样式 替换 单选按钮      更新时间：2023-09-26

http://css-tricks.com/examples/AlternateStyleSheets/

有人能帮我用上面的方法切换样式表吗？但要用无线电而不是锚？

以下内容对我不起作用：

<input type="radio" name="setStyle" id="default" value="default" checked>
<input type="radio" name="setStyle" id="night" value="night">
(function () {
    $("input[name=setStyle]").click(function () {
        setActiveStyleSheet(this.value)
    });
})();

您可以这样尝试：

$('document').ready(function() 
{
    $("input[name=setStyle]").click(function () {
        setActiveStyleSheet(this.value)
    });
});

jsFiddle

检查控制台是否存在错误。我已经下载了这个项目并检查了你的片段。假设它说$并没有像对我那样定义，您不需要用立即调用的函数注册点击处理程序，但您应该在文档准备好时这样做，操作如下：

$(function () {
    $("input[name=setStyle]").click(function () {
        setActiveStyleSheet(this.value)
    });
});

谢谢大家，

只需将click事件更改为change 即可解决问题

相关文章：