与jQuery和IE计数复选框

Question

<div class="cbox rounded-corners"> 
<div>....<div> 
<div id="sendclientid">Send to Client:<span><input type="checkbox" name="sendtoclient[]" class='sendtoclient' value="1" ></span></div> 
<div>...</div> 
</div> 
<div class="cbox rounded-corners"> 
<div>....<div> 
<div id="sendclientid">Send to Client:<span><input type="checkbox" name="sendtoclient[]" class='sendtoclient' value="2" ></span></div> 
<div>...</div> 
</div> 
<div class="cbox rounded-corners"> 
<div>....<div> 
<div id="sendclientid">Send to Client:<span><input type="checkbox" name="sendtoclient[]" class='sendtoclient' value="3" ></span></div> 
<div>...</div> 
</div> 
<div class="cbox rounded-corners"> 
<div>....<div> 
<div id="sendclientid">Send to Client:<span><input type="checkbox" name="sendtoclient[]" class='sendtoclient' value="4" ></span></div> 
<div>...</div> 
</div> 

$('#sendclientid input').click(sendclientTextArea); 

    sendclientTextArea(); 

function sendclientTextArea() { 

var allclientVals = []; 

$('.start_booking_process_btmhref').removeClass("boldfont").attr("disabled", "disabled"); 
$('#sendclientval').val(""); 

$('#sendclientid :checked').each(function() { 

var clientchecked_status = this.checked; 

if (clientchecked_status == true) { 

if($(this).val()=='') 
{ 
     $('.start_booking_process_btmhref').removeClass("boldfont").attr("disabled", "disabled"); 
    $('#sendclientval').val(""); 
} 
else 
{ 
     $('.start_booking_process_btmhref').removeAttr("disabled").addClass("boldfont"); 
} 

} 


allclientVals.push($(this).val()); 

$('#sendclientval').val(allclientVals);  

}); 

}

你可以的jsfiddle http://jsfiddle.net/PjP77/查看此请这个在IE浏览器，你可以看到，在FF的当您点击文本BX被更新，但在IE只有第一文本框omehw激活JQ，而不是别人兴田.....

谁能解释....感谢

Answer 1

现在，我可能是错的，但我相信只有类是可重复的。 “id”属性应该是唯一的，我认为IE执行那个; webkit和gecko工作的原因是因为他们为了兼容性而有宽容。

删除对id标签的所有引用修复了IE7中的jsfiddle问题（它在IE9中正常工作）。

尝试调整您的脚本，以便不重复“id”属性，而是重复一个类。

祝你好运！