javascript - 如何根据多个框中的选择启用/禁用复选框

Question

我在表单中有一个多选组合框和一个复选框。

我希望仅当用户从多选组合框中选择特定值时才启用该复选框。

这可以通过 javascript 或 jQuery 来实现吗？我已经在其他地方使用 jquery。

示例:http://jsbin.com/ipomu

开始时复选框将被禁用。它应该只在用户点击选项 2 时启用

Answer 1

一个示例。您只需将要为其启用复选框的选项值添加到数组对象。在以下示例中，我启用了单击 2、3、5 和 7 选项时的复选框。

<script type="text/javascript">
$(function(){
  var arrVal = [ "2","3", "5", "7" ];

  $("#combobox").change(function(){
    var valToCheck = String($(this).val());

    if ( jQuery.inArray(valToCheck,arrVal) == -1 )
    {
        $("#check").attr("disabled", "true");            
    }
    else
    {
        $("#check").removeAttr ( "disabled" );    
    }        
  });
});
</script>
<select id="combobox" size="9" id="reasons" multiple="multiple">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
    <option value="7">Option 7</option>
</select>

Working demo 以你的例子为例。