Question

如何根据下拉列表框中给出的值在jquery中启用单选按钮根据员工ID我应该启用或禁用单选按钮

<script>
    var preSelect = 'Asian';
    </script>

    <input type="radio" name="CAT_Custom_378508" id="CAT_Custom_378508_0" value="Alaskan Native" />
    Alaskan Native<br />
    <input type="radio" name="CAT_Custom_378508" id="CAT_Custom_378508_1" value="Asian" />
    Asian<br />
    <input type="radio" name="CAT_Custom_378508" id="CAT_Custom_378508_2" value="African American" />
    African Ame

    rican<br />
        <input type="radio" name="CAT_Custom_378508" id="CAT_Custom_378508_3" value="Caucasian" />
        Caucasian<br />
        <input type="radio" name="CAT_Custom_378508" id="CAT_Custom_378508_4" value="Hispanic" />
        Hispanic<br />
        <input type="radio" name

="CAT_Custom_378508" id="CAT_Custom_378508_5" value="Native American" />
    Native American<br />
    <input type="radio" name="CAT_Custom_378508" id="CAT_Custom_378508_6" value="Pacific Islander" />
    Pacific Islander<br />
    <input type="radio" name="CAT_Custom_378508" id="CAT_Custom_378508_7" value="Other" />
    Other

Answer 1

使用change事件：

$("#drop-down").on('change', function() {
    if( $(this).val() == "some value" ) {
        // disable all enabled
        $('input[type="radio"]:enabled').attr('disabled', true);
        // enable some
        $('#CAT_Custom_378508_0, #CAT_Custom_378508_1').attr('disabled', false);       
    } else if( $(this).val() == "anuther value" ) {
        // disable all enabled
        $('input[type="radio"]:enabled').attr('disabled', true);
        // enable some
        $('#CAT_Custom_378508_2, #CAT_Custom_378508_3').attr('disabled', false);
    }
});

如果您想在选择之前停用所有内容，请添加该属性并停用＆＃39;：<input type="radio" disabled />

演示：http://jsfiddle.net/D763G/2/

jquery根据下拉列表框中的值启用或禁用单选按钮？

1 个答案: