从另一个div中的输入复选框中删除属性

时间:2014-07-23 12:00:31

标签: javascript jquery

点击id =" chk1"是否可以删除输入类型复选框选中的属性复选框。

<div class="index1" id="test1">
    <h2>testing1</h2>
    <div class="str">
        <ul>
            <li class="nvc1">
                <input type="checkbox" value="in1" id="chk2" checked="checked" />
                <div class="checkbox-select">str1</div>
                <div class="checkbox-deselect">str2</div>
            </li>
        </ul>
    </div>
</div>
<div class="index2" id="test2">
    <h2>testing2</h2>
    <div class="string">
        <ul>
            <li class="nv1">
                <input type="checkbox" value="in1" id="chk1" />
                <div class="checkbox-select">lblstr1</div>
                <div class="checkbox-deselect">lblstr2</div>
            </li>
        </ul>
    </div>
</div>

是否有任何参考/

谢谢, ShailShin

5 个答案:

答案 0 :(得分:5)

我建议:

$("#chk1").on("change", function(){
    $("#chk2").prop("checked", !$(this).prop("checked"));
});

更改#chk2已检查状态取决于#chk1

JSFiddle

答案 1 :(得分:2)

在JQuery中,您可以使用:

jQuery('#chk1').click(function()
{
    jQuery('#chk1').removeAttr('checked');
});

但它有意义吗? : - )

答案 2 :(得分:2)

在Jquery中,您可以轻松完成此任务

http://jsfiddle.net/gcS4T/

$('#chk1').click(function () {
    $('#chk2').prop('checked', false);
});

答案 3 :(得分:0)

ID应该是唯一的,并且要删除“已检查”字样。您可以使用的属性:

$(document).ready(function()({
   $('#chk1').click(function(){
      $('input:checkbox').prop('checked',false);

   //or 
  // $('input:checkbox').removeAttr('checked');
  });

});

答案 4 :(得分:0)

$("#chk1").removeAttr('checked').checkboxradio('refresh');

希望这会有所帮助......