使用jQuery选中复选框时禁用表单字段

时间:2011-03-15 06:57:04

标签: jquery

我需要能够禁用表单元素并在所有TD中使用class =“myToggle”添加“禁用”类。不确定我是否做得对:

$("#myCheck").click(function() {
  $(".myToggle").addClass("disabled").attr("disabled", true);
});

<td><checkbox id="myCheck"> My checkbox</td>
<td class="myToggle"> My label</td>
<td class="myToggle">
    <select>
       <option>option
    </select>
</td>

我可以像这样结合吗?

3 个答案:

答案 0 :(得分:2)

$("#myCheck").click(function() {
  $(".myToggle").find("input, select, textarea")
    .addClass("disabled")
    .attr("disabled", true);
});

答案 1 :(得分:1)

我相信jQuery对于显示/隐藏它们的元素有own toggle function

$('.target').toggle();

但是你写的内容也应该有效,因为你试图对一个类进行操作,并且许多元素可以同时共享相同的类名。

答案 2 :(得分:1)

您的问题尚不清楚,您可以尝试一下,看看我是否有一些帮助?

http://jsfiddle.net/CStTZ/5/