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

Javascript 根据文本框值更改复选框状态,javascript,jquery,input,checkbox,textbox,Javascript,Jquery,Input,Checkbox,Textbox,我的网站上有一个表单&表单中有一个只读的文本框。此文本框将从URL动态获取其值(A、B、C或D)。 然后我在这个文本框下面有一些复选框。 我想要的是根据文本框的值更改这些复选框的状态 例如,如果textbox1的值为A,则checkbox1、checkbox3和checkbox6变为选中状态。 我尝试过这样的事情,但没有成功: $("#textbox1").change(function(){ var txt1=$("#textbox1").val(); if(txt1=

我的网站上有一个表单&表单中有一个只读的文本框。此文本框将从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
      }
      });

谢谢。

您需要对文本框使用更改事件,然后评估要选中的复选框。 像这样:


如何检测文本框值已更改?您连接了什么事件?正如scartag所说的,首先您需要向我们展示如何更改#textbox1中的值!亲爱的scartag,我正在使用
$(“#textbox1”).change(function(){
(对于文本框是否正确?)事实上,我在wordpress中使用的是带有动态文本扩展名的联系人表单7。如果您通过编程更改值,那么这将不起作用,因为它可能是只读的。您需要在通过编程设置文本字段值的同时设置复选框。我甚至会添加一个来演示,就像使用javascipt不会触发更改事件,您可以在只读文本框上更改值的唯一方法是使用javascript。您需要触发更改事件或以其他方式进行更改。可能不会,这只是习惯
$(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);
    });
});