Question

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)
    });
})();

Answer 1

你可以这样试试：

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

jsFiddle

Answer 2

检查控制台是否有错误。我已下载该项目并检查了您的代码段。假设它没有像我那样定义$，你不需要用immediately invoked function注册点击处理程序，但你应该在文档准备就绪时这样做，这样就可以这样做：

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

Answer 3

谢谢大家，

只需将click事件更改为change

即可解决问题

使用单选按钮的交替样式表

3 个答案: