بیشتر از دو تا انتخاب نشه [بایگانی]

View Full Version : بیشتر از دو تا انتخاب نشه

olampiad

چهارشنبه 09 دی 1394, 21:38 عصر

سلام و خسته نباشید به دوستان عزیز
به این کد من ی نگا بندازید.
من میخوام اینجا کاربر نتونه بیشتر از 2 تا چک باکس رو انتخاب کنه . اگه هم خواست انتخاب کنه بهش اختار بده.
برای اینکار باید چیکار کنم؟
خیلی ممنون

<tr><td> انجمن تخصصی روحانیون </td><td><input type="checkbox" name="ate[4]" class="ch_in"></td><td> انجمن تخصصی ایرانیان مقیم خارج از کشور</td><td><input type="checkbox" name="ate[5]" class="ch_in"></td></tr>

<tr><td> انجمن تخصصی حقوقدانان </td><td><input type="checkbox" name="ate[6]" class="ch_in"></td><td> انجمن تخصصی کارآفرینان</td><td><input type="checkbox" name="ate[7]" class="ch_in"></td></tr>

<tr><td> انجمن تخصصی فرهنگیان </td><td><input type="checkbox" name="ate[8]" class="ch_in"></td><td> انجمن تخصصی دولتمردان</td><td><input type="checkbox" name="ate[9]" class="ch_in"></td></tr>

<tr><td> انجمن تخصصی کارمندان </td><td><input type="checkbox" name="ate[10]" class="ch_in"></td><td> انجمن تخصصی شهرداران</td><td><input type="checkbox" name="ate[11]" class="ch_in"></td></tr>

olampiad

چهارشنبه 09 دی 1394, 21:39 عصر

<tr>
<td> انجمن تخصصی روحانیون </td>
<td><input type="checkbox" name="ate[4]" class="ch_in"></td>
<td> انجمن تخصصی ایرانیان مقیم خارج از کشور</td>
<td><input type="checkbox" name="ate[5]" class="ch_in"></td>
</tr>

<tr>
<td> انجمن تخصصی حقوقدانان </td>
<td><input type="checkbox" name="ate[6]" class="ch_in"></td>
<td> انجمن تخصصی کارآفرینان</td>
<td><input type="checkbox" name="ate[7]" class="ch_in"></td>
</tr>

<tr>
<td> انجمن تخصصی فرهنگیان </td>
<td><input type="checkbox" name="ate[8]" class="ch_in"></td>
<td> انجمن تخصصی دولتمردان</td>
<td><input type="checkbox" name="ate[9]" class="ch_in"></td>
</tr>

<tr>
<td> انجمن تخصصی کارمندان </td>
<td><input type="checkbox" name="ate[10]" class="ch_in"></td>
<td> انجمن تخصصی شهرداران</td>
<td><input type="checkbox" name="ate[11]" class="ch_in"></td>
</tr>

ayoubsys

پنج شنبه 10 دی 1394, 02:52 صبح

سلام و وقت بخیر

جهت این امر باید از جاوا اسکریپت کمک گرفت و شرط گذاری هایی را انجام داد.

در ابتدا به هر checkbox یک id با name مربوطه و رویداد onChange با مقدار selectcheck() را نسبت میدهیم. (selectcheck فانکشنی جهت بررسی و انجام دستورات ما است).
در فانکشن selectcheck ، ابتدا بررسی میکنیم که بیشتر از دو گزینه تیک نخورند. و اگر تیکی را نیز برداشتیم از محاسبات کم شود و مجدد مجاز برای انتخاب گزینه دیگری باشیم.

<html>
<head>

<script>
var selectcount = 0;
function selectcheck(act){

if(selectcount>=2){

var checked = document.getElementById(act).checked;
if(checked==true){
document.getElementById(act).checked=false;
if(selectcount==2){
alert("خطا : تنها مجاز به انتخاب دو گزینه میباشید.");
}//ENdIF
}else{
selectcount--;
}//ENdIF

}else{

var checked = document.getElementById(act).checked;
if(checked==true){
selectcount++;
}else{
selectcount--;
}//ENdIF

}//ENdIF

}//ENdFunction
</script>
</head>

<body>

<tr>
<td> انجمن تخصصی روحانیون </td>
<td><input type="checkbox" name="ate[4]" id="ate4" class="ch_in" onChange="selectcheck('ate4');"></td>
<td> انجمن تخصصی ایرانیان مقیم خارج از کشور</td>
<td><input type="checkbox" name="ate[5]" id="ate5" class="ch_in" onChange="selectcheck('ate5');"></td>
</tr>
<tr>
<td> انجمن تخصصی حقوقدانان </td>
<td><input type="checkbox" name="ate[6]" id="ate6" class="ch_in" onChange="selectcheck('ate6');"></td>
<td> انجمن تخصصی کارآفرینان</td>
<td><input type="checkbox" name="ate[7]" id="ate7" class="ch_in" onChange="selectcheck('ate7');"></td>
</tr>

</body>
</html>

اگر قسمتی از کدها را سوال داشتین بگین که بیشتر توضیح بدهم.
موفق باشید.