:checked
匹配所有勾选的元素。
jQuery(":checked")
这个:checked
选择器适用于复选框和单选框。对于下拉框元素,使用:selected
选择器。
例子
确定有多少input元素是选中的.
<!DOCTYPE html> <html> <head> <style> div { color:red; } </style> <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script> </head> <body> <form> <p> <input type="checkbox" name="newsletter" value="Hourly" checked="checked"> <input type="checkbox" name="newsletter" value="Daily"> <input type="checkbox" name="newsletter" value="Weekly"> <input type="checkbox" name="newsletter" value="Monthly" checked> <input type="checkbox" name="newsletter" value="Yearly"> </p> </form> <div></div> <script>var countChecked =function () {var n = $( "input:checked" ).length; $( "div" ).text( n + (n === 1 ? " is" : " are") + " checked!" ); }; countChecked(); $( "input[type=checkbox]" ).on( "click", countChecked ); </script> </body> </html>