بستن منو
۷۹
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
کدهای آماده برای منو
23
کدهای آماده برای نمایش لینک
1
کدهای آماده برای موس
1
کدهای آماده برای فرم ها
15
کدهای آماده برای زمان و تاریخ
16
کدهای آماده برای محاسبه گرها
23
×

دانلود فروشگاه اندروید کلیدستان

672

نویسنده

علیرضا گلمکانی ( admin )

شماره کلید
دسته کلید - دسته بندی

checkbox های کنترل شده در فرم (با javascript)

گاهی نیاز داریم که checkbox های یک فرم، بر اساس انتخاب های کاربر، به صورت انتخاب یا عدم انتخاب، درآیند. مثلا فرم زیر را مشاهده کنید، اگر ابتدا گزینه All را انتخاب کرده و سپس یک گزینه دیگر را انتخاب کنید، گزینه All ، خود به خود، به حالت عدم انتخاب، تغییر پیدا می کند. یا اگر قبلا گزینه ای غیر از All را انتخاب کرده باشید و سپس گزینه All را انتخاب کنید، آن گزینه قبلی، به حالت عدم انتخاب، تغییر پیدا می کند. به غیر از گزینه All ، از میان سایر گزینه ها، می توان دو یا چند گزینه را انتخاب نمود. بنابراین یک فرم حاوی تعدادی checkbox داریم که به خوبی می تواند انتخاب های کاربر را دسته بندی کرده و بر اساس آن عمل نماید :


Result

کدها :


<!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 checkChoice(field, i) {
if (i == 0) { // "All" checkbox selected.
if (field[0].checked == true) {
for (i = 1; i < field.length; i++)
field[i].checked = false;
  }
}
else  {  // A checkbox other than "Any" selected.
if (field[i].checked == true) {
field[0].checked = false;
     }
  }
}
</script>

</head>

<body>

<center>
Please select your favorite class(es):
<form name="pickform">
<table>
<tr><td>
<input type="checkbox" name="classes" value="*" onclick="checkChoice(document.pickform.classes, 0)" checked>All
<br>
<input type="checkbox" name="classes" value="science" onclick="checkChoice(document.pickform.classes, 1)">Science
<br>
<input type="checkbox" name="classes" value="math" onclick="checkChoice(document.pickform.classes, 2)">Math
<br>
<input type="checkbox" name="classes" value="english" onclick="checkChoice(document.pickform.classes, 3)">English
<br>
<input type="checkbox" name="classes" value="history" onclick="checkChoice(document.pickform.classes, 4)">Histroy
<br>
<input type="checkbox" name="classes" value="other" onclick="checkChoice(document.pickform.classes, 5)">Other
</td></tr>
</table>
</form>
</center>

</body>
</html>

کپی برداری از محتوای سایت کلیدستان، ممنوع بوده و پیگرد قانونی دارد. (تنها استفاده شخصی کاربر، مجاز است) (کپی برداری توسط سایر وب سایت ها = حرام) (بیشتر بدانید)

خوانده شد
مبحث بالا، مفید بود و سایت کلیدستان را دوست داشتم :
محبوب کردن این مبحث در گوگل :
اون چیزی که میخواستم نبود :
سوال دارم :
ارسال نظر :
نظرات 0 0 0

*** نظر بدهید

دسترسی سریع

×

شماره کلید


کلید
×

شماره دسته کلید


دسته کلید
×

جستجو


جستجو

آخرین کلیدهای غیررایگان

شما هم می توانید کلیدهای غیررایگان منتشر کنید (بیشتر بدانید)