اعمال شرط غیر فعال سازی input توسط Radio button

07:23:00 PM - 1400/06/27

سلام. من با 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>

ویرایش شده در دوشنبه ۲۹ شهریور ۱۴۰۰ ساعت ۲۲:۵۵:۲۳

به این سوال امتیاز بدهید 1 تعداد بازدید این سوال : 4110

پاسخ دهنده : saedbfd 11:06:00 PM - ۱۴۰۰/۰۶/۲۹

وقتی شما 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 کنترل بشه این موضوع. (مقادیری که در مثال بالا نوشته شده تستی هستن و شما مقادیر خودتون رو جایگزین کنید.)

ویرایش شده در دوشنبه ۲۹ شهریور ۱۴۰۰ ساعت ۲۳:۰۶:۱۹

به این پاسخ امتیاز بدهید 0 نظر گزارش حذف ویرایش

پاسخ دهنده : pedram_khan 11:22:00 PM - ۱۴۰۰/۰۹/۲۲

کد های 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>