小编DEL*_*ION的帖子

只选中一个复选框并取消选中其他复选框

我试图只检查一个复选框,而其他人取消选中,但是当我想检查新的chekcbox时,那么pervious将取消选中,依此类推.

我试过这段代码:

JS文件

$('input[type="checkbox"]').click(function() {
$(".check_class").attr("checked", false);
$(this).attr("checked", true);    
});
Run Code Online (Sandbox Code Playgroud)

HTML文件

    <ons-list-header>Takistused</ons-list-header>
    <ons-list-item modifier="tappable">
      <label class="checkbox checkbox--noborder checkbox--list-item">
        <input type="checkbox" id="example">
        <div class="checkbox__checkmark checkbox--noborder__checkmark checkbox--list-item__checkmark"></div>
        vihmaveerenn
      </label>
    </ons-list-item>
    <ons-list-item modifier="tappable">
      <label class="checkbox checkbox--noborder checkbox--list-item" id="test">
        <input type="checkbox" id="example">
        <div class="checkbox__checkmark checkbox--noborder__checkmark checkbox--list-item__checkmark" ></div>
        äärekivi
      </label>
    </ons-list-item>
    <ons-list-item modifier="tappable" >
      <label class="checkbox checkbox--noborder checkbox--list-item" id="test1">
        <input type="checkbox" id="example">
        <div class="checkbox__checkmark checkbox--noborder__checkmark checkbox--list-item__checkmark"></div>
        munakivi tee
      </label>
    </ons-list-item>
  </ons-list>
Run Code Online (Sandbox Code Playgroud)

我做错了什么?我尝试了不同的方法,但它不会在现场使用.

jquery onsen-ui

2
推荐指数
2
解决办法
6873
查看次数

标签 统计

jquery ×1

onsen-ui ×1