チェックボックスを読み取り専用にする方法

Question

フォームには2つのフィールドがあり、1つはラジオボタン、もう1つはチェックボックスです。私はラジオボタンの値が第私のコードであるとき、チェックボックスのチェックを外す（チェックする）と読み取り専用にしたいことはチェックされない機能のために働いているが、読み取り専用私

助けるwork.Pleaseこれは私のコードではありません。

HTML：

<input type="radio" name="data[User][email_status]" id="" value="yes">Yes&nbsp;&nbsp; 
<input type="radio" name="data[User][email_status]" id="" value="no" checked="checked">No 
<input type="checkbox" name="data[User][no_alerts]" id="" value="yes"> 

のjQueryコード：

$(document).ready(function() { 
    $('input[name="data[User][email_status]"]').change (function(){ 
     //console.log($(this).val()); 
     if ($(this).val() == 'no') { 
      $('input[name="data[User][no_alerts]"]').attr({ 
       'checked' : false, 
      }); 
     } 
    }); 
}); 

おかげ

Answer 1

チェックボックスを無効にすることができます。無効なチェックボックスは読み取り専用です。入力をするためにdisabledプロパティを使用し

Answer 2

$('input[name="data[User][no_alerts]"]').attr({ 
       'disabled' : true, 
      }); 

Answer 3

それを無効にするには

$("input[name="data[User][no_alerts]"]").attr("disabled", true); 

読み取り専用

$('input[value="no"]:checked').next().prop("disabled", true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="data[User][email_status]" id="" value="yes">Yes&nbsp;&nbsp; 
 
<input type="radio" name="data[User][email_status]" id="" value="no" checked="checked">No 
 
<input type="checkbox" name="data[User][no_alerts]" id="" value="yes">

以上の一般的なアプローチ

$('input[value="no"]:checked').parent().find('input[type="checkbox"]').prop("disabled", true); 

Answer 4

あなたは、このコードスニペットを好むことがあります。

$(function() { 
 
    var chk = $('input[name="data[User][no_alerts]"]');//got check-box 
 
    $('input[name="data[User][email_status]"]').on('change', function(e) { 
 
    chk.prop('disabled', false); //enable first 
 
    if ('no' == this.value) { 
 
     chk.prop({ 
 
     'disabled': true, 
 
     'checked': false 
 
     }); 
 
    } 
 
    }); 
 
    $('input[name="data[User][email_status]"]:checked').trigger('change');//fire code on page load 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="data[User][email_status]" id="" value="yes">Yes&nbsp;&nbsp; 
 
<input type="radio" name="data[User][email_status]" id="" value="no" checked="checked">No 
 
<input type="checkbox" name="data[User][no_alerts]" id="" value="yes">

Answer 5

これは

$('input[name="data[User][email_status]"]').change (function(){ 
      //console.log($(this).val()); 
      if ($(this).val() == 'no') { 
       $('input[name="data[User][no_alerts]"]').attr({ 
        'checked' : false, 
        'disabled':"disabled", 
       }); 
      } 
     });