jquery - 使用 idtabs jquery 插件查找单选按钮选择

Question

我正在使用以下 html 以及 idTabs jquery 插件来创建选项卡式注册/登录/匿名发布表单。

 <div id="form_tabs">
        <ul>
          <li id="tab_radio_1"><span class="corner_fix"></span><input class="input_radio" type="radio" name="registered" value="1" checked="checked" /> <a class="selected" href="#tab1">Yep, I'm new here</a></li>
          <li id="tab_radio_2"><input class="input_radio" type="radio" name="registered" value="2" /> <a href="#tab2">Nope, I'm registered</a></li>
          <li id="tab_radio_3"><input class="input_radio" type="radio" name="registered" value="3" /> <a href="#tab3">I don't want to register</a></li>
        </ul>
 //more divs, radio buttons and text boxes below//

问题是，如果我单击 href 链接以更改选项卡（并随后更改选定的单选按钮），它似乎不会触发单选按钮的值已更改的事件。

我需要找出当前选择了哪个单选按钮，到目前为止，用于查找此问题的“正常”Jquery 代码都没有工作。

非常感谢帮助

Answer 1

一种方法是

$("#form_tabs ul li a").on('click',function(e){
 if($(this).closest("li> :radio").is(':checked'))
  console.log('im checked');
 else
   console.log('im NOT checked');
});