Изменить статус флажка на основе значения текстового поля

Question

У меня есть форму на моем сайте &. В моей форме есть текстовое поле Только для чтения. Это текстовое поле будет динамически получать свое значение (A, B, C или D) из URL. , тогда у меня есть некоторые флажки под этим текстовым полем. Я хочу изменить статус этих флажков на основе значения этого текстового поля.

например, если значение textbox1 было A, затем checkbox1, checkbox3 & checkbox6 стать проверено. Я попытался Somthing как это, но это не сработало:

$("#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); 
    }); 
});