Question

这段代码效果很好但是缺少我需要的东西。基本上，如果输入具有checked="checked"属性，则应该禁用其他两个元素。如果未选中，则启用元素。

这是关于jsFiddle的代码：http://jsfiddle.net/arunpjohny/gMgm7/1/

这将是我的输入

<input class="test_priv1" type="checkbox" name="custom" id="custom" checked="checked" onclick="" />

我想这会被翻译成：如果我的输入得到检查，请禁用其他两个元素。如果我的输入有checked =“checked”，那么请禁用我的其他两个元素。如果取消选中我的输入，请启用这两个元素。

Answer 1

搞定了：

$(document).ready(function() {
    if ($('.test_priv1').is(':checked')){
         $('.test_priv2, .test_priv3').prop('disabled',true);
    }

    $('.test_priv1').change(function () {
        if(this.checked){
             $('.test_priv2, .test_priv3').prop('disabled',true);
        }else{
             $('.test_priv2, .test_priv3').removeAttr('disabled');
        }
    });
});

Here's a demo

Answer 2

@Dan正确检查就绪，但由于某种原因，运行.checked元素似乎不起作用。但是，如果您使用$('.test_priv1').is(':checked')，那么它似乎正常工作。有关在页面加载和更改时工作的示例，请参阅this fiddle。

Bootstrap：如何检查元素是否被选中，如果选中则将其设置为禁用

2 个答案: