Question

我有一个动态创建的复选框列表，每个复选框都有输入字段，所以如果输入字段值为零，我想禁用复选框。下面是我的代码

HTML代码

<input class="check" id="check" name="check" type="checkbox"><label for="check">checkbox <input type="hidden" id="test" value="0" /></label>
<input class="check" id="check1" name="check1" type="checkbox"><label for="check1">checkbox1 <input type="hidden" id="test" value="6" /></label>

Jquery的

if($("#test").val() == "0"){
    $('.check').attr("disabled", "disabled");
}

jsfiddle

Answer 1

您使用了两次id=test，JavaScript只与第一个一起使用。

将id=test更改为class=test，或使用两个不同的id s。

工作代码：

$('.test').each(function() {
    if ($(this).val() == '0') {
        $(this).parent().prev().attr('disabled', 'disabled');
    }
});

http://jsfiddle.net/cDD5L/

Answer 2

$("input[type=hidden]").each(function() {
    if($(this).val()==0){ 
     $(this).parent().prev().attr('disabled', 'disabled');
 }                             
});

演示：

http://jsfiddle.net/SxypS/

Answer 3

请使用

$(function() {
  enable_cb();
  $("#group1").click(enable_cb);
});

function enable_cb() {
  if (this.checked) {
    $("input.group1").removeAttr("disabled");
  } else {
    $("input.group1").attr("disabled", true);
  }
}

它适用于你。

让我知道是否仍无法正常工作

如果输入值为零，则禁用复选框

3 个答案: