选中复选框后，如何启用单选按钮？

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

您还可以使用三元运算符：

 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 /> 

Answer 3

根据复选框的选中状态启用/禁用单选按钮。

 $('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 4

在jQuery中 ：

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

请注意， #mycheckbox和#myradiobutton是#myradiobutton DOM元素的ID。