Div没有改变它的财产

Question

我有这个HTML代码

<div id="dvtest">
    <input id="check1" type="checkbox" checked="checked">
    <label for="check1">Check me</label>
</div>

并在脚本部分有此功能

$(function () {
  $("#dvtest").children.prop({
        disabled: true
  });
});

为什么“ div ”不会被禁用??? （因为，如果它被禁用，checkBox也应该被禁用。它是正确的吗？

感谢

Answer 1

您忘了调用该功能

$("#dvtest").children().prop({
//                   ^ - the call

检查这个小提琴：http://jsfiddle.net/dv1q62ex/

Answer 2

您无法禁用div，但是根据您的要求，您希望在某些情况下禁用div #dvtes​​t中的复选框。因此，您可以直接选中已具有ID的复选框并将其禁用，

$('#check1').attr('disabled', 'true');

下面的代码实际上遍历div中的所有子节点 并尝试禁用所有子标记。如果在div中有多个需要启用或禁用的复选框，则可以使用它。

$(function () {
  $("#dvtest").children().prop({
    disabled: true
 });
});

此代码还尝试禁用#dvtes​​t中存在的标签标签，但标签标签不支持禁用的属性，没有任何反应。

Answer 3

你可以这样做：

$(function () {
 $("#dvtest").children().prop({
    disabled: true
 });
});