每选中一个多选框，输出有多少个选中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery.1.1.1.js?1.1.11">
</script><script> $(function () {
function countChecked() {var n=$("#form1 input[type=checkbox]:checked").length;
$("div:first").html("有"+n+"个checkbox被选中");
}
$("#form1 input[type=checkbox]").click(countChecked);//每选一个框调用一次函数，不带括号
})
</script></head><body><form action="" id="form1">
<input type="checkbox" name="newsletter" checked="checked" value="test1" />
test1<input type="checkbox" name="newsletter" value="test2" />
test2<input type="checkbox" name="newsletter" value="test3" />
test3<input type="checkbox" name="newsletter" checked="checked" value="test4" />
test4<input type="checkbox" name="newsletter" value="test5" />
test5<div>
</div>
</form>
</body>
</html>
Atas ialah kandungan terperinci 关于jQuery方法输出的实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Bagaimana untuk mengimport telefon lama ke telefon baru dari telefon bimbit Huawei
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
