javascript - 根据文本框值更改复选框状态

Question

我的网站中有一个表单，并且我的表单中有一个只读文本框。此文本框将从 URL 动态获取其值（A、B、C 或 D）。然后我在这个文本框下面有一些复选框。我想要的是根据该文本框的值更改这些复选框的状态。

例如，如果 textbox1 的值为A，则 checkbox1、checkbox3 和 checkbox6 被选中。我尝试了这样的事情，但没有奏效：

$("#textbox1").change(function(){
    var txt1=$("#textbox1").val();
        if(txt1=='A'){
        $(":checkbox[name='checkbox1']").prop('checked',true);
            $(":checkbox[name='checkbox3']").prop('checked',true);
        $(":checkbox[name='checkbox6']").prop('checked',true);
        }
        else {
        //nothing
      }
      });

谢谢。

Answer 1

您需要对文本框使用更改事件，然后评估要检查的复选框。像这样：

$(function(){
    $("#myTextbox").on("change",function(){
        var $Textbox = $(this);
        var NewCheckbox;
        switch ($Textbox.val()){
            case "A":
                NewCheckbox = $("#checkboxA");
                break;
            case "B":
                NewCheckbox = $("#checkboxB");
                break;
            case "C":
                NewCheckbox = $("#checkboxC");
                break;
        }
        $("#checkboxA").attr('checked',false);
        $("#checkboxB").attr('checked',false);
        $("#checkboxC").attr('checked',false);

        NewCheckbox.attr('checked',true);
    });
});