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**");})};