如何使用type屬性獲取組中選中的單選按鈕的值？

Question

我正在嘗試使用jQuery將焦點添加到文本區域。

 $("input[type='checkbox']").click(function(){ $("#mycbxs input[type ='checkbox']").val(""); var radioButtonsChecked = $("input[value='']:checked"); radioButtonsChecked = $("#mycbxs:checked"); if(radioButtonsChecked == "B") { $("#BAcbx").focus(); } if(radioButtonsChecked == "M") { $("#MAcbx").focus(); } if(radioButtonsChecked == "P") { $("#PHDcbx").focus(); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="mycbxs"> <br><strong>&nbsp;</strong> <br><input type="checkbox" id="BAcbx" value="B"> BA <br><input type="checkbox" id="MAcbx" value="M"> MA <br><input type="checkbox" id="PHDcbx" value="P"> PHD </div> <div id="myinputs"> <br><strong>Discipline</strong> <br><input type="text" id="BAText" size="30"> <br><input type="text" id="MAText" size="30"> <br><input type="text" id="PHDText" size="30"> </div> 

有什么想法為什么不將重點放在所選文本區域上？ 這很困難，因為HTML沒有“名稱”屬性（這是有意的）。

謝謝你的幫助。

Answer 1

您需要使用radioButtonsChecked.val() == "B"代替radioButtonsChecked == "B" 。

Answer 2

  $("input[type='checkbox']").click(function(){
   var radioButtonsChecked= $(this).val();
   if(radioButtonsChecked == "B") { $("#BAcbx").focus(); } 
   if(radioButtonsChecked == "M") { $("#MAcbx").focus(); } 
   if(radioButtonsChecked == "P") { $("#PHDcbx").focus(); }
  })

但是在這種情況下，我建議使用單選按鈕，因此沒有多重選擇

Answer 3

在這里你有一個解決方案

 $('input[type="checkbox"]').on('change', function(){ if($(this).is(':checked')){ $('#' + $(this).attr('text-id')).focus(); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="mycbxs"> <br><strong>&nbsp;</strong> <br><input type="checkbox" id="BAcbx" text-id="BAText" value="B"> BA <br><input type="checkbox" id="MAcbx" text-id="MAText" value="M"> MA <br><input type="checkbox" id="PHDcbx" text-id="PHDText" value="P"> PHD </div> <div id="myinputs"> <br><strong>Discipline</strong> <br><input type="text" id="BAText" size="30"> <br><input type="text" id="MAText" size="30"> <br><input type="text" id="PHDText" size="30"> </div> 

我在復選框中使用了一個額外的屬性text-id來保留input textbox id

希望這會幫助你。