سلام. من با 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/02/23
- ساعت :
02:24:00 PM
- بازدید :
123
- پاسخ :
5
|
تاریخ :
1403/02/25
- ساعت :
04:38:00 PM
- بازدید :
75
- پاسخ :
1
|
تاریخ :
1403/02/16
- ساعت :
01:25:00 PM
- بازدید :
167
- پاسخ :
4
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
284
- پاسخ :
3
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1220
- پاسخ :
1
|
تاریخ :
1402/04/01
- ساعت :
06:17:00 PM
- بازدید :
1171
- پاسخ :
0
|
تاریخ :
1403/02/11
- ساعت :
11:02:00 AM
- بازدید :
84
- پاسخ :
1
|
تاریخ :
1403/01/20
- ساعت :
07:32:00 PM
- بازدید :
246
- پاسخ :
2
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
413
- پاسخ :
0
|
تاریخ :
1398/08/06
- ساعت :
03:57:00 PM
- بازدید :
7493
- پاسخ :
2
|
تاریخ :
1403/01/29
- ساعت :
08:08:00 AM
- بازدید :
191
- پاسخ :
2
|
تاریخ :
1403/02/29
- ساعت :
06:34:00 PM
- بازدید :
23
- پاسخ :
0
|
تاریخ :
1403/02/24
- ساعت :
04:40:00 PM
- بازدید :
76
- پاسخ :
2
|
تاریخ :
1403/02/23
- ساعت :
02:24:00 PM
- بازدید :
123
- پاسخ :
5
|
تاریخ :
1403/02/25
- ساعت :
04:38:00 PM
- بازدید :
75
- پاسخ :
1
|
تاریخ :
1403/02/16
- ساعت :
01:25:00 PM
- بازدید :
167
- پاسخ :
4
|
تاریخ :
1403/02/20
- ساعت :
06:33:00 PM
- بازدید :
100
- پاسخ :
1
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
284
- پاسخ :
3
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1220
- پاسخ :
1
|
تاریخ :
1402/04/01
- ساعت :
06:17:00 PM
- بازدید :
1171
- پاسخ :
0
|