1.获取单个复选框的值
HTML代码:
JavaScript代码:
$(document).ready(function(){$(button1).click(function(){alert($(checkbox1).prop(checked));});});运行代码后,您点击按钮时会出现一个弹窗,显示true或false标记。2.获取多个复选框的值要获取多个复选框的值,您需要遍历每个复选框。下面是代码示例:2.获取多个复选框的值
HTML代码:
JavaScript代码:
$(document).ready(function(){$(button2).click(function(){varcheckedValues=;$('input[type=checkbox]:checked').each(function(){checkedValues+=$(this).val()+,;});alert(checkedValues);});});运行代码后,您点击按钮时会出现一个弹窗,显示所有勾选的选项值的逗号分隔列表。3.获取选中的复选框的数量要获取选中的复选框的数量,可以使用jQuery的:checked选择器。下面是代码示例:3.获取选中的复选框的数量
HTML代码:
JavaScript代码:
$(document).ready(function(){$(button3).click(function(){varcheckedCount=$('input[type=checkbox]:checked').length;alert(checkedCount+项被勾选);});});运行代码后,您点击按钮时会出现一个弹窗,显示选中的复选框的数量。结论在本文中,我们介绍了如何使用jQuery轻松获取复选框的值。无论是获取单个复选框的值还是多个复选框的值,都非常简单。使用这些简单的技巧,您可以使您的Web应用程序更加强大和有用。TOP