PDA

View Full Version : سوال: انتخاب تنها یک چک باکس



hercool
دوشنبه 31 مرداد 1390, 17:57 عصر
با سلام خدمت دوستان
من یه سوال دارم چطور می تونم در چک باکس ها زمانی که اولین چک باکس رو انتخاب می کنم بقیه چک باکس ها غیر فعال بشه
یعنی مثل radio ها تنها یکیش غیر فعال بشه

mehdi.mousavi
دوشنبه 31 مرداد 1390, 23:21 عصر
با سلام خدمت دوستان من یه سوال دارم چطور می تونم در چک باکس ها زمانی که اولین چک باکس رو انتخاب می کنم بقیه چک باکس ها غیر فعال بشه یعنی مثل radio ها تنها یکیش غیر فعال بشه

سلام.
اگر فرض کنیم HTML مورد نظرمون اینه:

<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />

در این صورت می تونیم توسط این کد به هدف برسیم:

$(function(){
$('input:checkbox').click(function() {
var self = $(this);
self.siblings(':checkbox').attr('checked', !self.is(':checked'));
});
});

موفق باشید.

پاورقی: برای مشاهده Demo می تونید به این آدرس (http://jsfiddle.net/nXKPQ/) رجوع کنید.

hercool
سه شنبه 01 شهریور 1390, 09:46 صبح
ممنون بابت راهنماییتون
من این کد را یکم گسترش دادم ولی هر کاری می کنم درست عمل نمیکنه میشه کمکم کنید
می خوام با زدن چک باکس هر کدوم یک input رو فعال کنه و بقیه غیر فعال باشن


<form action="" name="test" method="post">
<input type="checkbox" name="fish" onclick="codename()"/>
<input type="checkbox" name="cod" onclick="codename()"/>

<input type="text" name="fish" />
<input type="text" name="cod" />
</form>

$(function(){
$('input:checkbox').click(function() {
var self = $(this);
self.siblings(':checkbox').attr('checked', !self.is(':checked'));
});
});
function codename() {

if(document.test.fish.checked)
{
document.test.fish.disabled=false;
}

else
{
document.test.fish.disabled=true;
}
if(document.test.cod.checked)
{
document.test.cod.disabled=false;
}

else
{
document.test.cod.disabled=true;
}
}