チェックボックスをオンにした後、ラジオボタンを有効にするにはどうすればよいですか？

Question

基本的には、2つのラジオボタン（デフォルトでは無効）のチェックボックスがあります。チェックボックスをオンにしたときに有効にします。 JavaScriptでこれを行うにはどうすればいいですか？

Answer 1

あなたはまた、三項演算子を使用することができますjavascriptの

function changeThis(sender) { 
 
    if(document.getElementById('chkbx').checked){ 
 
    document.getElementById("first").removeAttribute('disabled'); 
 
    document.getElementById("second").removeAttribute('disabled'); 
 
    } 
 
    else{ 
 
    document.getElementById("first").disabled = true; 
 
    document.getElementById("second").disabled = true; 
 
    } 
 
}

<input type="checkbox" id="chkbx" onchange="changeThis(this)" /> 
 
<input type="radio" name="receipt" id="first" disabled /> 
 
<input type="radio" name="receipt" id="second" disabled />

Answer 2

チェックボックスのチェック状態に基づいてラジオボタンを有効/無効にします。

jQueryで

$('input[type=checkbox]').change(function() { 
 
    if($('#myCheck').is(':checked')) { 
 
     $('input[type=radio]').prop('disabled', false); 
 
    } 
 
    else{ 
 
     $('input[type=radio]').prop('disabled', 'disabled'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="test" id="myCheck">Click to Enable Disable <br> 
 
<input type="radio" name="gender" value="Male" disabled="disabled">Male<br> 
 
<input type="radio" name="gender" value="Female" disabled="disabled">Female<br>

Answer 3

：

$("#mycheckbox").change(function(){ 
    if($(this).checked) 
     $("#myradiobutton").disabled(false); 
}); 

注#mycheckboxと#myradiobuttonは、TBEのDOMエレメントのIDであること。

Answer 4

でこれを試してください。

function myFunction() { 
 
document.getElementById('checkBox').checked ? 
 
(
 
document.getElementById("1").disabled = false, 
 
document.getElementById("2").disabled = false 
 
):(
 
document.getElementById("1").disabled = true, 
 
document.getElementById("2").disabled = true 
 
) 
 
; 
 
    
 
}

CheckBox<input type="checkbox" id="checkBox" onchange="myFunction(this)" /> 
 
<br> 
 
Radio 1<input type="radio" id="1" disabled /> 
 
<br> 
 
Radio 2<input type="radio" id="2" disabled />