如果用户单击了复选框，如何更改按钮的状态

问题描述

|| 我有一个特别的需求。我有五个输入复选框，如下所示：

<input class=\"abc\" id=\"Response[0]\" name=\"Response[0]\" type=\"checkbox\" />
<input class=\"abc\" id=\"Response[1]\" name=\"Response[1]\" type=\"checkbox\" />
<input class=\"abc\" id=\"Response[2]\" name=\"Response[2]\" type=\"checkbox\" />
<input class=\"abc\" id=\"Response[3]\" name=\"Response[3]\" type=\"checkbox\" />

我有一个用户可以单击的按钮，但是我希望禁用该按钮，直到用户单击其中一个复选框。 有什么办法可以让我感觉到用户单击了复选框，然后如果发生这种情况，则将按钮的状态从“ disabled ==” disabled \”更改为“禁用”。我已经在页面上使用了jQuery，因此希望有一个简单的jQuery解决方案。     

解决方法

        是的，这与ѭ1并不难。我将假设您不介意是否选中了多个复选框，只要至少一个复选框处于选中状态...

$(\'input.abc\').change(function() {
    if ($(\'input.abc:checked\').length) {
        $(\'#yourButton\').prop(\'disabled\',false);
    } else {
        $(\'#yourButton\').prop(\'disabled\',true);
    }
});

请注意，如果您可以给输入元素一个类，或者可以指定一个没有其他

input

子元素的公共父元素，那将是一个重大的改进。使用选择器“ 4”启动属性相当慢。 编辑：更改为类选择器。     ,        有几种检查复选框是否被选中的方法。这是一个：

$(\':checkbox\').click(function() {
  if ($(this).is(\':checked\'))
  {
    // Do stuff with button.
  }
});

    ,        您可以订阅所有这些复选框的click事件，并在用户单击其中一个复选框后启用按钮：

$(\':checkbox[id^=\"Response\"]\').click(function() {
    $(\'#id_of_button\').removeAttr(\'disabled\');
});