شمارش تعداد checkbox های انتخاب شده در یک فرم (با javascript)
به فرم زیر دقت کنید. چنانچه تعدادی از checkbox ها را انتخاب نمایید و سپس بر روی دکمه کلیک کنید، تعداد checkbox های انتخاب شده، به شما نمایش داده می شود :
کدها :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript">
function anyCheck(form) {
var total = 0;
var max = form.ckbox.length;
for (var idx = 0; idx < max; idx++) {
if (eval("document.playlist.ckbox[" + idx + "].checked") == true) {
total += 1;
}
}
alert("You selected " + total + " boxes.");
}
</script>
</head>
<body>
<form method="post" name="playlist">
1<input type="checkbox" name="ckbox">
<br>2<input type="checkbox" name="ckbox">
<br>3<input type="checkbox" name="ckbox">
<br>4<input type="checkbox" name="ckbox">
<br>5<input type="checkbox" name="ckbox">
<br>6<input type="checkbox" name="ckbox">
<br>7<input type="checkbox" name="ckbox">
<br>8<input type="checkbox" name="ckbox">
<br>9<input type="checkbox" name="ckbox">
<p><input type="button" value="Count Checkboxes" onClick="anyCheck(this.form)">
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript">
function anyCheck(form) {
var total = 0;
var max = form.ckbox.length;
for (var idx = 0; idx < max; idx++) {
if (eval("document.playlist.ckbox[" + idx + "].checked") == true) {
total += 1;
}
}
alert("You selected " + total + " boxes.");
}
</script>
</head>
<body>
<form method="post" name="playlist">
1<input type="checkbox" name="ckbox">
<br>2<input type="checkbox" name="ckbox">
<br>3<input type="checkbox" name="ckbox">
<br>4<input type="checkbox" name="ckbox">
<br>5<input type="checkbox" name="ckbox">
<br>6<input type="checkbox" name="ckbox">
<br>7<input type="checkbox" name="ckbox">
<br>8<input type="checkbox" name="ckbox">
<br>9<input type="checkbox" name="ckbox">
<p><input type="button" value="Count Checkboxes" onClick="anyCheck(this.form)">
</form>
</body>
</html>
دسته بندی
کدهای آماده برای فرم ها
نویسنده
علیرضا گلمکانی
شماره کلید
670
گزینه ها
نظرات 0 0 0