用 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”属性，而是重复一个类。

祝你好运！