📌  相关文章
📜  复选框默认值和选中值在 jquery 中获取 - Javascript (1)

📅  最后修改于: 2023-12-03 14:51:40.037000             🧑  作者: Mango

获取复选框默认值和选中值的方法

在使用jQuery进行Web开发时,经常会碰到需要获取复选框默认值和选中值的需求。下面是获取复选框默认值和选中值的方法。

获取复选框默认值

对于复选框,默认值是在HTML中设置的。通过jQuery可以轻松获取这个值。获取默认值的方法如下:

var defaultValue = $("input[type='checkbox']").prop("checked");

上面的代码用jQuery选择器选择了一个复选框元素,并使用.prop()方法获取其checked属性,从而得到了复选框的默认值。

获取复选框选中值

当用户选中或取消选中一个复选框时,我们需要获取这个新的值。获取选中值的方法如下:

$("input[type='checkbox']").on("change", function() {
  var selectedValue = $(this).prop("checked");
});

上面的代码使用.on()方法绑定了一个change事件,当复选框选中状态改变时触发。在事件处理函数中使用$(this)获取当前复选框对象,并使用.prop()方法获取其checked属性,从而获取选中状态。

以上是获取复选框默认值和选中值的方法。我们可以根据需要来决定要获取哪种状态,就可以轻松地实现对复选框的控制。

参考资料: