Question

我有一些隐藏的单选按钮，当点击标签时会被选中但是ie7似乎没有选择收音机时点击标签上的任何想法为什么？

jQuery('input[type="radio"]').on('change', function(){
            if (jQuery(this).val()=='2') {
                jQuery("#user_type_3_wrapper label").removeClass();
                jQuery("#user_type_3_wrapper label i").hide();
                jQuery("#user_type_2_wrapper label i").show();
                jQuery("#user_type_2_wrapper label").addClass("active");
            } else {
                jQuery("#user_type_2_wrapper label").removeClass();
                jQuery("#user_type_2_wrapper label i").hide();
                jQuery("#user_type_3_wrapper label i").show();
                jQuery("#user_type_3_wrapper label").addClass("active");
            }

CSS

fieldset.account-type ul li input { position: absolute; left: -999999em; }

HTML

<ul>
  <li class="input" id="user_type_2_wrapper">
    <label>
      <i class="icon icon-ok" style="display: none;"></i>
      <input type="radio" value="2" name="user[role_ids][]" id="user_role_ids__2"> as a <b>Host</b><br><span>A Host is the person who wants to run events or tenders.</span>
    </label>
  </li>
  <li class="input" id="user_type_3_wrapper">
    <label>
      <i class="icon icon-ok" style="display: none;"></i>
      <input type="radio" value="3" name="user[role_ids][]" id="user_role_ids__3"> as a <b>Participant</b><br><span>A Participant is someone who wants to take part in an event or tender process.</span>
     </label>
  </li>
</ul>

提前致谢！

Answer 1

您使用label-elements有点不对，他们需要for-attribute，其中包含他们标记为的radiobutton的id。文本需要在标签内，如下：

    <input type="radio" value="3" id="user_role_ids__3" />
    <label for="user_role_ids__3">as a <b>Participant</b></label>

jquery / css标签选择器在ie7中不起作用

1 个答案: