如果选择了值,则禁用复选

时间:2016-07-27 07:58:49

标签: jquery checkbox dropdown

我需要一个简短的jQuery代码来执行以下操作。

我得到了一个这样的下拉列表:

<select id="pa_size">
    <option value="32cm">32 cm</option>
    <option value="52cm">52 cm</option>
</select>

该下拉菜单下的其他一些复选框。

现在我的问题是: 如果选择52厘米选项,我想禁用复选框。 默认情况下,复选框已启用,如果从52厘米返回到32厘米,则应该再次运行。

3 个答案:

答案 0 :(得分:2)

您可以使用以下define('dirarr', $result); 方法。

&#13;
&#13;
prop()
&#13;
$('#pa_size').change(function () {
    $(':checkbox').prop('disabled', this.value == '52cm');
});
&#13;
&#13;
&#13;

答案 1 :(得分:2)

HTML

<select id="worldSelect" class="select" name="world">
<option value="32cm">32 cm</option>
<option value="52cm">52 cm</option>
</select>
<input id="worldcb" type="checkbox" checked value="any" name="world">

脚本

 $('#worldSelect').change(function () {
    $(':checkbox').prop('disabled', this.value == '52cm');
})

答案 2 :(得分:0)

请参阅以下HTML代码:

<select id="pa_size">
  <option value="32cm">32 cm</option>
  <option value="52cm">52 cm</option>
</select>
<input type="checkbox" class="todisable"  value="1"> chbx1
<input type="checkbox" class="todisable" value="2"> chbx2
<input type="checkbox" class="todisable" value="3"> chbx3

还可以看到以下javascript代码:

$("#pa_size").on('change', function() {
  if ($(this).val() == "52cm") {
     $(".todisable").attr("disabled", "disabled");
  } else {
     $(".todisable").removeAttr("disabled");
  }
});

如果您想测试它在小提琴上运行,请点击here