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

时间:2014-08-01 15:16:04

标签: javascript jquery css radio-button

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

3 个答案:

答案 0 :(得分:0)

你可以这样试试:

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

jsFiddle

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

谢谢大家,

只需将click事件更改为change

即可解决问题