Question

如果选中复选框，我目前遇到选择选择框选项的问题。我的选择框中只有两个选项，其值为yes和no。如果选中该复选框，则应选择值为“是”的选项。如果未选中，则将选择“否”。我的代码根本不起作用，我无法理解为什么。以下是我的代码。非常感谢任何帮助，谢谢。

HTML：

<select id="slctbox">
    <option value="no">No</option>
    <option value="yes">Yes</option>
</select>

<input type="checkbox" id="chkbox"/>

JQUERY：

$("#chkbox").click(function() {
    if($("#chkbox").is(':checked')) {
        $("#slctbox option[value=yes]").prop("selected", true);
    } else {
        $("#slctbox option[value=no]").prop("selected", true);
    }
});

Answer 1

您的代码似乎运行正常。您是否检查过诸如忘记jquery脚本标记之类的简单错误，或者在附加处理程序之前等待它加载？

另外，我会亲自使用

$('#chkbox').change(function() {
    if($("#chkbox").is(':checked')) {
        $("#slctbox").val("yes");
    } else {
        $("#slctbox").val("no");
    }
});

依赖于设置值而不是搜索元素和设置属性。

请参阅：http://jsfiddle.net/9ZLe4/1/

如果你正在寻找更紧凑的东西：

$('#chkbox').change(function(){
    $('#slctbox').val(this.checked ? 'yes' : 'no');
});

（感谢Johan让它缩短一点）

如果选中复选框，如何选择选择框选项

1 个答案: