Question

<div style="height: 237px; margin-top: 5px; overflow-y: scroll;width:230px;" id="divContainer">
    <input type="checkbox" value="anxyzkur@xyz.com" class="ads_Checkbox" name="chk_[18510][email]" checked="" id="chk_">   
   <label style="position: relative;vertical-align:text-bottom;" for="chk_">item 25</label>
    <p style="padding-left:25px;margin-top:0;width:170px;" id="address">Ahmedabad</p>

    <input type="checkbox" value="abc@abc.com" class="ads_Checkbox" name="chk_[18549][email]" checked="" id="chk_">
     <label style="position: relative;vertical-align:text-bottom;" for="chk_">item3</label>
      <p style="padding-left:25px;margin-top:0;width:170px;" id="address">ahmedabad</p></div>

http://jsfiddle.net/Urvisha123/ZCTNe/ 请看这个小提琴。

我有问题，当我点击第二个标签复选框时，然后第一个复选框是选中/取消选中。

我不想要这个。

Answer 1

两个复选框和标签属性“for”都有相同的ID 改变这些

<input type="checkbox" value="abc@abc.com" class="ads_Checkbox" name="chk_[18549][email]" checked="" id="chk_"><label style="position: relative;vertical-align:text-bottom;" for="chk_">item3</label>

到

<input type="checkbox" value="abc@abc.com" class="ads_Checkbox" name="chk_[18549][email]" checked="" id="chk__"><label style="position: relative;vertical-align:text-bottom;" for="chk__">item3</label>

如果您正在动态构建这些，那么它应该是这样的，例如

<?php

for( $i=0; $i < 10 ; $i++)
{
?>
<input type="checkbox" value="abc@abc.com" class="ads_Checkbox" name="chk_[18549][email]" checked="" id="<?php echo 'chk_'.$i;?>">
<label style="position: relative;vertical-align:text-bottom;" for="<?php echo 'chk_'.$i;?>">item3</label>

<?php
}
?>

如果有多个复选框，如何选中/取消选中特定复选框

1 个答案: