Printable View
سلام دوستان. من یه مشکلی دارم که برای حل کردنش زیاد وقت ندارم.لطفا منو راهنمایی کنین:n28:
یه فرم دارم. میخوام با انتخاب یک radio تعدادی از گزینه ها فعال بشن و با انتخاب radio دیگه تمامشون غیر فعال بشن.
خیلی سرچ کردم ولی چیزی پیدا نکردم.ضمنا باید بگم جاوا اسکریپت اصلا بلد نیستم.
خواهش میکنم از دوستان هر کی میتونه منو راهنمایی کنه. سپاسگزارم:n16:
لطفا کد اچ‌تی‌ام‌ال خودت رو اینجا قرار بده.
من با جی‌کوئری کدی رو که می‌خوای بهت می‌دم.
موفق باشی دوست عزیز
نقل قول:
سلام سپاسگزارم از لطفتون
کدم اینه:
[HTML] <table border="1" width="335" cellspacing="0" cellpadding="0" style="border-style: dashed; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px"> <tr> <td> <form method="POST" action="search_proc.php" onSubmit=""> <table border="0" width="335" cellspacing="0" cellpadding="10"> <tr> <td><font color="#808080"> <span style="font-size: 8pt"> عبارت جستجو:</span></font><input style="border:1px #DFDFDF solid;" type="text" name="letter" size="30"></td> </tr> <tr> <td> <font color="#808080"> <span style="font-size: 8pt"> <input type="radio" value="fast" checked name="search">جستجوی سریع</span></font><p><font color="#808080"> <span style="font-size: 8pt"> <input type="radio" name="search" value="advance">جستجوی پیشرفته </span></font> &nb sp;   ; <span lang="en-us"> &nbs p; </span> </td> </tr> <tr> <td><p> <font color="#808080"> <span style="font-size: 8pt"> <input type="text" name="T2" size="20" style="border:0px none; width:100px; font-family:Tahoma; font-size:9; color:#999999" value="بر اساس:"></span></font><p> <font color="#808080"> <span style="font-size: 8pt"> <input type="checkbox" name="title" value="ON">عنوان <span lang="en-us"> </span> <input type="checkbox" name="subject" value="ON">موضوع <span lang="en-us"> </span> <input type="checkbox" name="outher" value="ON">نویسنده<span lang="en-us"> <input type="checkbox" name="nasher" value="ON"></span>ناشر</span></font></td> </tr> <tr> <td> <span lang="en-us"> &nbs p; &n bsp; &nbs p; </span> <input type="button" value="جستجو" name="search"></td> </tr> <tr> <td> </td> </tr> </table> </form> </td> </tr> </table>[/HTML]
میخوام وقتی گزینه جستجوی سریع در حالت انتخابه ،لیبل "بر اساس" و چک باکس های زیرش غیر فعال باشن و وقتی گزینه جستجوی پیشرفته انتخاب شد همه اونا فعال بشن.
باز هم تشکر میکنم از شما دوست عزیز :n16:
شما باید از خاصیت checked جاوا اسکریپت استفاده کنی:
کد:<style type="text/css">
/*<![CDATA[*/
table.c6 {border-style: dashed; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px}
p.c5 {color: #808080}
span.c4 {font-size: 8pt}
input.c3 {border:0px none; width:100px; font-family:Tahoma; font-size:9; color:#999999}
input.c2 {border:1px #DFDFDF solid;}
span.c1 {color: #808080; font-size: 8pt}
/*]]>*/
</style>
<table border="1" width="335" cellspacing="0" cellpadding="0" class="c6">
<tr>
<td>
<form method="post" action="search_proc.php" onsubmit="">
<table border="0" width="335" cellspacing="0" cellpadding="10">
<tr>
<td><span class="c1"> عبارت
جستجو:</span><input class="c2" type="text"
name="letter" size="30" /></td>
</tr>
<tr>
<td>
<span class="c1"><input type="radio" id="fasts" value="fast" checked="checked" name= "search" />جستجوی
سریع</span>
<p><span class="c1"><input type="radio" id="advances" name="search" value= "advance" />جستجوی
پیشرفته </span> <span lang="en-us" xml:lang= "en-us"> </span>
</p>
</td>
</tr>
<tr>
<td>
<p class="c5"><span class="c4"><input type="text" name="T2" size="20" class="c3" value= "بر اساس:" /></span></p>
<p class="c5"><span class="c4"><input type="checkbox" name="title" value= "ON" id="title" />عنوان
<input type="checkbox" name="subject" value= "ON" id="category" />موضوع
<input type="checkbox" name="author" value= "ON" id="author" />نویسنده<span lang= "en-us" xml:lang="en-us">
<input type="checkbox" name="nasher" value="ON" id="printer" /></span>ناشر</span></p>
</td>
</tr>
<tr>
<td><span lang="en-us" xml:lang="en-us"> </span>
<input type="button" value="جستجو" name="search" /></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<script type="text/javascript">
// ids: title,category,author,printer
var arr = ["title","author"], // آی دی های اون هایی که با رادیو اولی مارک میشن
arra = ["category","printer"], // آی دی های اون هایی که با رادیو دومی مارک میشن
a = 0,
b = 0;
while( b < arr.length ){
document.getElementById( arr[ b ] ).checked = "true";
document.getElementById( arra[ b ] ).checked = "";
b++;
}
b = 0;
if(addEventListener){
document.getElementById("fasts").addEventListener("click",function(){
while( a < arr.length ){
document.getElementById( arr[ a ] ).checked = "true";
document.getElementById( arra[ a ] ).checked = "";
a++;
}
a = 0;
});
document.getElementById("advances").addEventListener( "click", function( ) {
while( a < arr.length ){
document.getElementById( arra[ a ] ).checked = "true";
document.getElementById( arr[ a ] ).checked = "";
a++;
}
a = 0;
} );
}
</script>
بسیار ممنون بخاطر کمکتون.دوست عزیز :n16: