Question

我在html页面上有一个复选框，当它被选中时我想要更改一个div的ID和另一个div的类。

这是我写的代码：

HTML：

<li><input type="checkbox" name="x" value="1" class="home6" /> Check this</li>

JQuery的：

$(function(){
    if ($('.home6').is(':checked')) {
       $('.hider2').addClass('.hiderx').removeClass('.hider2');
       $('#next1').attr('id','next4');
    };
};

然而，这对我的HTML没有影响。

我在控制台中尝试过调试，但它没有抛出任何错误。

我认为事件不会被触发，因为我尝试在if语句中添加警报，但是，阅读了documentation for the :checked selector，但此代码接缝是正确的。

Answer 1

您应该将change OR click事件绑定到您的复选框以执行您的脚本。

并且addClass和removeClass中的代码点（。）不正确

Answer 2

试试这个：

<li><input type="checkbox" name="x" value="1" class="home6" /> Check this</li>

各自的jQuery代码：

$(function(){
    $('.home6').on('change', function() { 
        if($(this).is(':checked')) 
        {
            $('.hider2').addClass('hiderx').removeClass('hider2');
            $('#next1').prop('id', 'next4');
        }
    });
});

Answer 3

试试这个： -

$(function(){
  $($('.home6').change(function(){
    if ($(this).is(':checked')) {
       $('.hider2').addClass('hiderx').removeClass('hider2');
       $('#next1').attr('id','next4');
    };
  };
});

Answer 4

工作正常：http://jsfiddle.net/balintbako/KK2Xr/

if ($('.home6').is(':checked')) {
    $('.hider2').addClass('hiderx').removeClass('hider2');
    $('#next1').attr('id','next4');
};

你是怎么称呼这个功能的？你需要把它作为一个动作处理程序，或者在document.ready中调用它，就像它在小提琴中一样。

使用jQuery单击复选框时更改类和ID

4 个答案: