当用户选择某个checbox时取消选中所有文本框

时间:2015-05-27 07:37:51

标签: javascript jquery html

这是我的代码。我想要的是,当我选择一个复选框时,另一个复选框将取消选中...相同的行为,如单选按钮..但使用td类...是否可以在jquery?

<table>
    <tr>
        <td class="example">
            <input type="checkbox" />
        </td>
        <td class="example">
            <input type="checkbox" />
        </td>
        <td class="example">
            <input type="checkbox" />
        </td>
        <td class="example">
            <input type="checkbox" />
        </td>
    </tr>
</table>

提前感谢..

6 个答案:

答案 0 :(得分:3)

您可以使用:

sum(1 for _ in source)

答案 1 :(得分:2)

试试这个:

$('table').on('click', ':checkbox', function() {
// On click of any checkbox inside the table

    // If checkbox is checked then only uncheck others
    if ($(this).is(':checked')) {
        $('table').find(':checkbox').not(this).prop('checked', false);
    }
});

演示:http://jsfiddle.net/tusharj/yz5yjwwu/

答案 2 :(得分:2)

尝试

$('.example').click(function() {
   $('.example').find('input[type=checkbox]').prop('checked', false);
   $(this).find('input[type=checkbox]').prop('checked', true);
});

Fiddle

答案 3 :(得分:1)

对不起那些麻烦...我已经知道了......

这里是代码......

class MyDocument(Document):
    ...
    @classmethod
    def get_by_id(cls, id):
        return cls.objects.with_id(id)

答案 4 :(得分:1)

就是这样:))

         $("input[type='checkbox']").on("change",function(){
              $("input[type='checkbox']").prop("checked",false);
              $(this).prop("checked",true);
         });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td class="example">
            <input type="checkbox" />
        </td>
        <td class="example">
            <input type="checkbox" />
        </td>
        <td class="example">
            <input type="checkbox" />
        </td>
        <td class="example">
            <input type="checkbox" />
        </td>
    </tr>
</table>

答案 5 :(得分:1)

使用下面的代码。工作DEMO

$(":checkbox").on('click',function(){
    if($(this).is(':checked')){
      $('td.example :checkbox').prop("checked",false);
      $(this).prop("checked",true);
    }
});