دسته بندی کدهای آماده برای فرم ها
شمارش تعداد 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