Question

基本上，我有一个带有2个单选按钮的复选框（默认情况下禁用），我想在选中复选框时启用它们。我如何使用JavaScript？

Answer 1

尝试使用javascript

＆＃13;

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;
  }
}

＆＃13;

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

＆＃13;

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是DOM元素的ID。

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

4 个答案: