Question

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

例如，如果textbox1值为 A ，则checkbox1，checkbox3＆amp; 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);
    });
});

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

1 个答案: