jquery多选框
在jQuery中,处理多选框通常涉及到使用选择器选中所有需要的复选框,然后使用方法如.prop()
来改变它们的状态。以下是一些基本的操作多选框的代码示例:
- 选中所有多选框:
$('input[type="checkbox"]').prop('checked', true);
- 取消选中所有多选框:
$('input[type="checkbox"]').prop('checked', false);
- 切换多选框的选中状态:
$('input[type="checkbox"]').each(function() {
$(this).prop('checked', !$(this).prop('checked'));
});
- 根据特定条件选中多选框:
$('input[type="checkbox"]').filter('[value="特定值"]').prop('checked', true);
- 获取所有选中的多选框的值:
var values = [];
$('input[type="checkbox"]:checked').each(function() {
values.push($(this).val());
});
这些代码片段可以直接用于jQuery项目中,根据需要进行调整。
评论已关闭