如何使用单选按钮启用/禁用复选框?
问题描述:
我正在开发一个Web应用程序,我需要根据如下所示选择单选按钮来禁用/启用复选框。如何使用单选按钮启用/禁用复选框?
<sctipt>
function metaboliteenable() {
document.getElementById("XT").disabled=false;
}
function metabolitedisable() {
document.getElementById("XT").disabled=true;
}
</script>
<input type="radio" name="gender" value="other"> Data<br>
<select id="XT">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
但我上面的代码如何链接单选按钮与复选框?
答
时要启用选择框,当你想禁用它
通常有至少两个单选按钮,否则,您可以使用checkbox.Anyways ...
你可以检查你的单选按钮的状态与。
而且您可以用.prop('disabled', 'disabled')
禁用您的选择。
而且你可以监控你的单选按钮,像这样的情况:
$('input[type=radio]').change(function() {});
不管怎么说,你可以运行该函数内部代码禁用您的选择时不会检查你的收音机。
为了演示我已经添加了另一个单选按钮,因此您可以禁用第一个单选按钮。 这段代码基本上检查你的性别,如果你是男性,它会禁用选择。
$('input[type=radio]').change(function() {
var stat = $('input[value="Male"]').is(':checked');
if(stat){
$('select').prop('disabled', 'disabled');
}
else{
$('select').prop('disabled', false);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="gender" value="Male">Male<br>
<input type="radio" name="gender" value="Female">Female<br>
<select id="XT">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
? –