选中多个具有相同名称的复选框

Select multiple checkbox with same name

本文关键字：复选框      更新时间：2023-09-26

例如，我有5个复选框，它们都有相同的名称。我选中复选框，提交然后删除我选中的复选框。在这里我没有任何问题，问题是检查数字1、3、5等，但名称相同，当检查一个时，取消选中其他

如何检查我想要的所有支票箱，例如5个支票箱

例如：

Check 1 - checked
Check 2 - unchecked
Check 3 - checked
Check 4 - unchecked
Check 5 - checked

感谢

如果真的不能给它们不同的名称或id，并且您想检查所有名称或id：

$('input[name="thename"]').prop('checked', true);

如果你想选中第一个、第三个和第五个复选框，你可以这样做：

$('input[name="thename"]').filter(':eq(0), :eq(2), :eq(4)').prop('checked', true);

使用id来单独识别它们：

<input type='checkbox' name='name' id='cb_1'/>
<input type='checkbox' name='name' id='cb_2'/>
<input type='checkbox' name='name' id='cb_3'/>
<input type='checkbox' name='name' id='cb_4'/>
<input type='checkbox' name='name' id='cb_5'/>

如果您想删除选中的复选框，那么如果您使用jQuery ，这可能会有所帮助

1 <input type='checkbox' name='my_name' /><br>
2 <input type='checkbox' name='my_name' /><br>
3 <input type='checkbox' name='my_name' /><br>
4 <input type='checkbox' name='my_name' /><br>
5 <input type='checkbox' name='my_name' /><br>
    <script type="text/javascript">​
        // Event handler activates when value of input with specified name is changed
        $("input[name=my_name]").on("change", function(event) {
            // checks if checkbox was checked, if so - deletes it
            if (true === $(this).prop('checked')) $(this).remove();
        });​
    </script>

http://jsfiddle.net/56nBw/1/

相关文章：