jQuery的功能时复选框改变

Question

这里是我工作的代码：

$(document).ready(function(){ 
    var rewrite= function() { 
     $("#numback_**SQL_Value**").attr("readonly" , "readonly"); 
     $("#numback_**SQL_Value**").attr("value" ,function() { return ($(".Report_Box").size() +**SQL_Value**;)} 
    )}; 
    $(".Report_Box").click(rewrite); 
}); 

Report_Box是一类复选框稍后在代码中的。当其中一个复选框被改变时，重写功能应该被触发。

重写应该锁定numback输入框，将其设置为只读，因为我将该值设置为单击Report_Box的数量。

Answer 1

我简化了你的代码 - 它工作正常。我添加的代码，你可以使用，使输入只读... 请参阅使用道具这里没有attr的描述： Setting a control to readonly using jquery 1.6 .prop()

<div> 
<input type="checkbox" class="Report_Box"/> 
<input type="checkbox" class="Report_Box"/> 
<input type="checkbox" class="Report_Box"/> 
<input type="checkbox" class="Report_Box"/> 
<input type="checkbox" class="Report_Box"/> 

<input type="text" id="makero"/> 

<script> 
$(document).ready(function(){ 

    var rewrite= function() { 
     $('#makero').val($(".Report_Box").size()).prop('readonly', true); 
      console.log($(".Report_Box").size()); 
     }; 
    $(".Report_Box").click(rewrite); 
}); 

Answer 2

难道是错误是导致你的麻烦？试试这个：

$("#numback_**SQL_Value**").attr("value", function() { return($(".Report_Box").size()+"**SQL_Value**");})};