根據文本框值更改複選框狀態

我在我的網站中有一個窗體&在窗體中有一個只讀文本框。此文本框將從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 
     } 
     });

謝謝。

來源

2013-02-17 parsilinux

你如何檢測到文本框的值已經改變？你吸引了什麼事件？ – scartag 2013-02-17 01:54:21

scartag說了什麼，你需要向我們展示如何改變＃textbox1中的值以開始！ – adeneo 2013-02-17 01:55:02

親愛的scartag，我正在使用'$（「＃textbox1」）。change（function（）{'。（對於文本框是否正確）實際上我使用的聯繫表單7在wordpress中使用動態文本擴展 – parsilinux 2013-02-17 02:00:08

您需要使用文本框的更改事件，然後評估要檢查的複選框。像這樣：

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

來源

2013-02-17 02:07:04 MrJD

謝謝，但它沒有奏效。 – parsilinux 2013-02-17 02:17:45

它應該在'$（document）.ready（function（）'？ – parsilinux 2013-02-17 02:18:01

可能不是，那只是習慣 – MrJD 2013-02-17 02:18:46

根據文本框值更改複選框狀態

回答

相關問題