سلام. من با RadioButton کنترل کردم که اگر آیتم 2 انتخاب شود TextBox مربوط غیر فعال شود. این عمل بدرستی انجام میشه ولی هنگام ویرایش یک فرم اگر آیتم 2 انتخاب شده بود، آیتم به حالت انتخاب شده درمیاد ولی TextBox مربوط غیرفعال نیست و حتما باید آیتم 1 رو انتخاب و بعد آیتم 2 را تا Text Box غیر فعال شود. لطفا راهنمایی کنید.
<div class="col-md-4 col-xs-12 d-flex align-items-end justify-content-center border-1">
<label>نوع شخصیت</label>
<span style="color:red; margin-bottom:8px">*</span>
<label class="col-md-3 col-xs-4">
حقوقی
<input asp-for="projectNoaeShakhcyat" id="yesreply" class="checkreply" type="radio" value="حقوقی" />
</label>
<label class="col-md-3 col-xs-4">
حقیقی
<input asp-for="projectNoaeShakhcyat" id="noreply" class="checkreply" type="radio" value="حقیقی" />
</label>
</div>
<input type="text" class="form-control" id="ReplyDate" asp-for="projectCodeAghtsadee">
<script>
$(".checkreply").on('change', function () {
if (document.getElementById('noreply').checked) {
$("#ReplyDate").prop('disabled', true);
$("#ReplyDate").val('');
} else if (document.getElementById('yesreply').checked) {
$("#ReplyDate").prop('disabled', false);
}
});
</script>
وقتی شما View رو باز می کنید در همون ابتدا باید کنترل کنید که اگر RadioButton دوم انتخاب شده است input دوم شما هم غیر فعال باشه و همچنین برای input و RadioButton اول. به کد زیر دقت کنید :
<script>
$(document).ready(function() {
if($('#radio1').is(':checked'))
{
$("txt1").prop('disabled',true);
}
else if
{
$("txt2").prop('disabled',true);
}
});
</script>
در واقع در document.raedy باید همون موقع لود View کنترل بشه این موضوع. (مقادیری که در مثال بالا نوشته شده تستی هستن و شما مقادیر خودتون رو جایگزین کنید.)
کد های saedbfd رو تست کردم ولی نتونستم جواب بگیرم. کد زیر به راحتی جواب میده :
<input name='radioName' value='1' type='radio' />
<input name='radioName' value='2' type='radio' />
<script>
$('input[type=radio][name=radioName]').change(function () {
if (this.value == '1') {
$("#txt1").prop('disabled',true);
}
else if (this.value == '2') {
$("#txt2").prop('disabled',true);
}
});
</script>
تاریخ :
1403/01/20
- ساعت :
07:32:00 PM
- بازدید :
139
- پاسخ :
2
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
158
- پاسخ :
3
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
323
- پاسخ :
0
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1144
- پاسخ :
1
|
تاریخ :
1398/08/06
- ساعت :
03:57:00 PM
- بازدید :
7408
- پاسخ :
2
|
تاریخ :
1402/12/12
- ساعت :
03:20:00 PM
- بازدید :
216
- پاسخ :
1
|
تاریخ :
1402/12/10
- ساعت :
03:35:00 PM
- بازدید :
200
- پاسخ :
1
|
تاریخ :
1402/01/26
- ساعت :
03:38:00 PM
- بازدید :
902
- پاسخ :
1
|
تاریخ :
1398/08/09
- ساعت :
10:17:00 PM
- بازدید :
4135
- پاسخ :
1
|
تاریخ :
1402/11/13
- ساعت :
12:48:00 AM
- بازدید :
467
- پاسخ :
4
|
تاریخ :
1403/01/29
- ساعت :
08:08:00 AM
- بازدید :
85
- پاسخ :
1
|
تاریخ :
1403/02/03
- ساعت :
10:23:00 PM
- بازدید :
50
- پاسخ :
1
|
تاریخ :
1403/01/25
- ساعت :
06:46:00 PM
- بازدید :
95
- پاسخ :
1
|
تاریخ :
1403/01/12
- ساعت :
05:36:00 PM
- بازدید :
116
- پاسخ :
1
|
تاریخ :
1403/01/20
- ساعت :
07:32:00 PM
- بازدید :
139
- پاسخ :
2
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
158
- پاسخ :
3
|
تاریخ :
1403/01/15
- ساعت :
04:12:00 PM
- بازدید :
168
- پاسخ :
2
|
تاریخ :
1403/01/19
- ساعت :
03:06:00 PM
- بازدید :
97
- پاسخ :
1
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
258
- پاسخ :
0
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
323
- پاسخ :
0
|