jQuery 复选框 checkbox 取值和赋值
在jQuery中,可以使用:checked
选择器来获取已选中的复选框,并使用.val()
方法来取复选框的值。如果需要对复选框进行赋值操作,可以使用.prop()
方法来设置复选框的checked
属性。
以下是取值和赋值的示例代码:
取值:
// 获取所有选中的复选框的值
var checkedValues = [];
$('input[type=checkbox]:checked').each(function() {
checkedValues.push($(this).val());
});
赋值:
// 根据值设置复选框的选中状态
$('input[type=checkbox]').prop('checked', false); // 首先清除所有复选框的选中状态
$('input[type=checkbox]').each(function() {
if ($.inArray($(this).val(), yourValues) !== -1) {
$(this).prop('checked', true); // 如果当前复选框的值在yourValues数组中,则选中
}
});
在这个例子中,yourValues
是一个包含你想要设置为选中状态的复选框值的数组。$.inArray()
函数用于检查元素是否在数组中。
评论已关闭