سلام. من با 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>
تاریخ :
۱۳۹۹/۱۱/۲۳
- ساعت :
02:41:00 PM
- بازدید :
1387
- پاسخ :
3
|
تاریخ :
1398/08/18
- ساعت :
07:31:00 PM
- بازدید :
1277
- پاسخ :
2
|
تاریخ :
1398/08/19
- ساعت :
05:40:00 PM
- بازدید :
1968
- پاسخ :
2
|
تاریخ :
1398/08/18
- ساعت :
03:11:00 AM
- بازدید :
1568
- پاسخ :
1
|
تاریخ :
۱۴۰۱/۰۵/۱۲
- ساعت :
03:33:00 PM
- بازدید :
90
- پاسخ :
1
|
تاریخ :
۱۴۰۱/۰۵/۰۷
- ساعت :
01:21:00 PM
- بازدید :
132
- پاسخ :
1
|
تاریخ :
۱۴۰۱/۰۵/۱۴
- ساعت :
07:50:00 PM
- بازدید :
104
- پاسخ :
1
|
تاریخ :
۱۴۰۱/۰۵/۰۹
- ساعت :
01:55:00 PM
- بازدید :
148
- پاسخ :
1
|
تاریخ :
۱۳۹۹/۰۶/۱۶
- ساعت :
07:18:00 PM
- بازدید :
3763
- پاسخ :
3
|
تاریخ :
1398/07/05
- ساعت :
06:36:00 PM
- بازدید :
1944
- پاسخ :
2
|
تاریخ :
۱۳۹۹/۱۱/۲۳
- ساعت :
02:41:00 PM
- بازدید :
1387
- پاسخ :
3
|
تاریخ :
۱۴۰۱/۰۵/۲۵
- ساعت :
03:20:00 AM
- بازدید :
54
- پاسخ :
3
|
تاریخ :
۱۴۰۱/۰۵/۲۲
- ساعت :
11:02:00 PM
- بازدید :
37
- پاسخ :
0
|
تاریخ :
۱۴۰۱/۰۵/۲۱
- ساعت :
03:51:00 PM
- بازدید :
76
- پاسخ :
1
|
تاریخ :
۱۴۰۱/۰۵/۲۱
- ساعت :
12:25:00 PM
- بازدید :
30
- پاسخ :
1
|
تاریخ :
۱۴۰۱/۰۵/۱۹
- ساعت :
02:52:00 PM
- بازدید :
72
- پاسخ :
1
|
تاریخ :
۱۴۰۱/۰۵/۱۷
- ساعت :
09:48:00 PM
- بازدید :
114
- پاسخ :
1
|
تاریخ :
1398/08/18
- ساعت :
07:31:00 PM
- بازدید :
1277
- پاسخ :
2
|
تاریخ :
1398/08/19
- ساعت :
05:40:00 PM
- بازدید :
1968
- پاسخ :
2
|
تاریخ :
1398/08/18
- ساعت :
03:11:00 AM
- بازدید :
1568
- پاسخ :
1
|