如何在jquery中选中/取消选中复选框时执行事件

时间:2009-05-27 18:33:46

标签: jquery

我有以下jquery代码可以正常工作。

$('#onlyTwo').click(function() {
                $("#textarea3").attr("disabled", true);
                $("#textarea4").attr("disabled", true);
                $("#radio3").attr("disabled", true);
                $("#radio4").attr("disabled", true);
                return true;
            });

这会在单击“onlyTwo”复选框时禁用某些字段。当'onlyTwo'复选框未选中时,如何让这些字段再次启用...

基本上我想知道如何确定是否选中了复选框

3 个答案:

答案 0 :(得分:18)

$('#onlyTwo').click(function(){
   var stuff = $("#textarea3,  #textarea4, #radio3, #radio4");
   stuff.attr("disabled", $(this).is(":checked"));
});

答案 1 :(得分:5)

$('#onlyTwo').change(function() {
    $('.disableMe').attr('disabled', $(this).is(':checked'));
});

因此您需要将“disableMe”类添加到您要禁用的所有输入,textareas,选择......

答案 2 :(得分:2)

$('#onlyTwo').click(function() {
     var elements = ['textarea3', 'textarea4', 'radio3', 'radio4'];
     var checked = $(this).attr('checked');

     jQuery.each(elements, function(element) {
       if (checked) {
         $('#'+element).attr('disabled', true);
       } else {
         $('#'+element).removeAttr('disabled');
       }
     });
})

这是一个简单的解决方案,可以在检查$('#onlyTwo')时切换所需的所有元素上的disabled属性。

修复了数组问题,大声笑这里充满了小错误。