PDA

View Full Version : فعال یا غیر فعال کردن یک RadioButtonlist با تغییر وضعیت RadioButtonlist دیگر


Samavati2010
چهارشنبه 21 اردیبهشت 1390, 11:49 صبح
سلام
می تونید منو راهنمایی کنید که چطور یه jquery بنویسم که بتونم این کار رو انجام بدم؟؟؟؟
از دوستانی که سریع به من پاسخ بدن، ممنونم.
alismith
پنج شنبه 22 اردیبهشت 1390, 23:16 عصر
سلام این یه نمونه هستش که خودتون می تونید تغییرش بدید



<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Radio Button Box1</title>
<script language="javascript" src="http://www.google.com/jsapi"></script>
<script language="javascript">google.load("jquery","1.5");</script>
<script language="javascript">
$(document).ready(function(){
$('#rm').change(function(){
//var elm = $(this);
if(this.checked){

$('#rbg').find('input[type=radio]').attr("disabled","");

}else{

$('#rbg').find('input[type=radio]').attr("disabled","disabled");


}

});
});
</script>
</head>

<body>

<input type="checkbox" checked="checked" id="rm"/>
<br/>
<form>
<fieldset id="rbg">
<legend>Radio Button Box1</legend>

<input type="radio"/><br/>
<input type="radio"/><br/>
<input type="radio"/><br/>
</fieldset>
</form>

</body>
</html>



موفق باشید
Samavati2010
شنبه 24 اردیبهشت 1390, 16:33 عصر
از راهنماییتون ممنونم. ولی من نتونستم اجراییش کنم. میشه لطف کنید و بیشتر راهنماییم کنید؟
alismith
شنبه 24 اردیبهشت 1390, 19:59 عصر
سلام
این دستوری که من نوشتم حتما نیاز دارید که به اینترنت متصل باشید
فقط کافیه این دستورات رو در یک notepad ریخته و با فرمت html ذخیره کنید

موفق باشید
Samavati2010
یک شنبه 25 اردیبهشت 1390, 13:00 عصر
سلام
من این کار رو در قسمتی از پروژه نیاز دارم. یک radiobuttonlist دارم با دو ایتم بله /خیر که اگر بله را بزند باید یک radiobuttonlist دیگر یا حتی یک panel را فعال کنم و در صورت انتخاب خیر آن را غیر فعال کند. مشکل من با قطعه کد شما این است که نمی دانم چطور radiobuttonlist رویداد رخ داده شده را متوجه می شود؟ لطفا کمک کنید. ممنون
alismith
یک شنبه 25 اردیبهشت 1390, 13:41 عصر
سلام

من اینجا از checkbox استفاده کردم اما حالا که شما می گید دو تا radiobutton دارم بله/خیر شما می تونید ایمجا به هر کدوم یه id بدید و اینگونه عمل کنید:


$('#rT').change(function(){
if(this.checked){

$('#rF').attr("checked","");

//do anything

}

});


$('#rF').change(function(){
if(this.checked){

$('#rT').attr("checked","");

//do anything

}

});


در اینجا دستور کامل اینجوری میشه:


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Radio Button Box1</title>
<script language="javascript" src="http://www.google.com/jsapi"></script>
<script language="javascript">google.load("jquery","1.5"); </script>
<script language="javascript">
$(document).ready(function(){
$('#rT').change(function(){
if(this.checked){

$('#rF').attr("checked","");

//do anything:

$('#rbg').find('input[type=radio]').attr("disabled","");

}

});


$('#rF').change(function(){
if(this.checked){

$('#rT').attr("checked","");

//do anything:

$('#rbg').find('input[type=radio]').attr("disabled","disabled");

}

});
});
</script>
</head>

<body>

<form>
<input type="radio" id="rT" checked/>&nbsp;&nbsp,<input type="radio" id="rF"/>
</form>

<br/>

<form>
<fieldset id="rbg">
<legend>Radio Button Box1</legend>

<input type="radio"/>
<input type="radio"/>
<input type="radio"/>
</fieldset>
</form>

</body>
</html>


موفق باشید
Samavati2010
یک شنبه 25 اردیبهشت 1390, 16:21 عصر
خیلی ممنونم. راهنماییتون خیلی عالی بود. همیشه موفق و کارگشا باشید.