Jquery 禁用无效

Question

<!DOCTYPE html>
<html>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>
$(document).ready(function () {
    $("input[name='data[Store][id][]']").change(function () {
if ($("input[name='data[Store][id][]']").is(':checked')) {
        var input_value = parseFloat($(this).val());
        var brand= $(this).closest('tr').find('#brand').text();


        var number1 = $(this).closest('tr').find('input[name="data[store][stock_received][]"]').attr('disabled', 'disabled');

        }else{
        var number1 = $(this).closest('tr').find('input[name="data[store][stock_received][]"]').prop("disabled", false);

        }

 });
});
</script>
<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>      

  </tr>
  <tr>
    <td><input id='tmpid' name="data[store][stock_received][]" ></td>       
    <td><input type='checkbox' name='data[Store][id][]'></td>
  </tr>
    <tr>
    <td><input id='tmpid' name="data[store][stock_received][]"></td>        
    <td><input type='checkbox' name='data[Store][id][]'></td>
  </tr>
  <tr>
    <td><input id='tmpid' name="data[store][stock_received][]"></td>        
    <td><input type='checkbox' name='data[Store][id][]'></td>
  </tr>
  <tr>
    <td><input id='tmpid' name="data[store][stock_received][]"></td>        
    <td><input type='checkbox' name='data[Store][id][]'></td>
  </tr>
  <tr>
    <td><input id='tmpid' name="data[store][stock_received][]"></td>        
    <td><input type='checkbox' name='data[Store][id][]'></td>
  </tr>
</table>

</body>
</html>

jquery 禁用无法正常工作，我想在 name='data[Store][id][]' 附近禁用 id=tmpid。目前我在 name='data[Store][id][]' 附近使用 name='data[store][stock_received][]' 名称。对于单个复选框，它工作正常。如果我 select 所有然后我取消选中然后它不能正常工作

Answer 1

1)ID 应该是唯一的

2)您正在对字符串使用 parseFloat()

3)$("input[name='data[Store][id][]']").is(':checked') 似乎是正确的应该是 $(this).is(":checked")

$(document).ready(function() {
  $("input[name='data[Store][id][]']").change(function() {
    if ($(this).is(':checked')) {
      var input_value = $(this).val();
      var brand = $(this).closest('tr').find('#brand').text();


      var number1 = $(this).closest('tr').find('input[name="data[store][stock_received][]"]').attr('disabled', 'disabled');

    } else {
      var number1 = $(this).closest('tr').find('input[name="data[store][stock_received][]"]').prop("disabled", false);

    }

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>

  </tr>
  <tr>
    <td>
      <input class='tmpid' name="data[store][stock_received][]">
    </td>
    <td>
      <input type='checkbox' name='data[Store][id][]'>
    </td>
  </tr>
  <tr>
    <td>
      <input class='tmpid' name="data[store][stock_received][]">
    </td>
    <td>
      <input type='checkbox' name='data[Store][id][]'>
    </td>
  </tr>
  <tr>
    <td>
      <input class='tmpid' name="data[store][stock_received][]">
    </td>
    <td>
      <input type='checkbox' name='data[Store][id][]'>
    </td>
  </tr>
  <tr>
    <td>
      <input class='tmpid' name="data[store][stock_received][]">
    </td>
    <td>
      <input type='checkbox' name='data[Store][id][]'>
    </td>
  </tr>
  <tr>
    <td>
      <input class='tmpid' name="data[store][stock_received][]">
    </td>
    <td>
      <input type='checkbox' name='data[Store][id][]'>
    </td>
  </tr>
</table>

Jquery 禁用无效

Jquery disable is not working

javascript

jquery

jquery-ui