Question

我正在开发一个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>

但我上面的代码怎么能用复选框链接单选按钮？

Answer 1

通常至少有两个单选按钮，否则你可以使用checkbox.Anyways ...

您可以使用.is(':checked')检查单选按钮的状态。

您可以使用.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>

如何使用单选按钮启用/禁用复选框？

1 个答案: