javascript - 如何使用 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 没有“Name”属性(这是故意的)。

感谢您的帮助。

Answer 1

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

但是在这种情况下，我建议使用单选按钮，这样就没有多重选择