Javascript &引用;Pin";将类添加到所选单选按钮?

Javascript &引用;Pin";将类添加到所选单选按钮?,javascript,jquery,button,radio-button,Javascript,Jquery,Button,Radio Button,我正在尝试将类添加到选定的无线电输入 然后在选择了另一个相同类型的收音机时删除该类 单选按钮有“单选按钮”这个类,但我找不到 要使用以下代码更改的类 jQuery(".radio_button").livequery('click',function() { $('input.radio_button :radio').focus(updateSelectedStyle); $('input.radio_button :radio').blur(updateSe

我正在尝试将类添加到选定的无线电输入 然后在选择了另一个相同类型的收音机时删除该类

单选按钮有“单选按钮”这个类,但我找不到 要使用以下代码更改的类

  jQuery(".radio_button").livequery('click',function() {  

      $('input.radio_button :radio').focus(updateSelectedStyle);
      $('input.radio_button :radio').blur(updateSelectedStyle);
      $('input.radio_button :radio').change(updateSelectedStyle);
  }
  function updateSelectedStyle() {
      $('input.radio_button :radio').removeClass('focused');
      $('input.radio_button :radio:checked').addClass('focused');
  }
  • 给每个单选按钮一个唯一的ID
  • 在单击时传递ID
  • 删除具有相同类的所有单选按钮的“聚焦”类名
  • 使用您传递的ID将“聚焦”类添加到单选按钮中
      • 给每个单选按钮一个唯一的ID
      • 在单击时传递ID
      • 删除具有相同类的所有单选按钮的“聚焦”类名
      • 使用您传递的ID将“聚焦”类添加到单选按钮中

      t问题是由选择器中的一个额外空间引起的

      而不是:

      $('input.radio_button :radio')
      
      你想写:

      $('input.radio_button:radio')
      

      Tre问题是由选择器中的一个额外空间引起的

      而不是:

      $('input.radio_button :radio')
      
      你想写:

      $('input.radio_button:radio')
      

      首先,我同意Rene Saarsoo关于额外空间的回答

      其次,您是否也尝试将样式应用于单选按钮标签?您可能希望以某种方式将按钮和标签包装在一起。例如:

      <span class="radiowrapper"><input type="radio" name="system" value="1" class="radio_button"> 1</span>
      <br>
      <span class="radiowrapper"><input type="radio" name="system" value="2" class="radio_button"> 2</span>
      

      首先,我同意Rene Saarsoo关于额外空间的回答

      其次,您是否也尝试将样式应用于单选按钮标签?您可能希望以某种方式将按钮和标签包装在一起。例如:

      <span class="radiowrapper"><input type="radio" name="system" value="1" class="radio_button"> 1</span>
      <br>
      <span class="radiowrapper"><input type="radio" name="system" value="2" class="radio_button"> 2</span>
      

      您可能还想利用jQuery的链接能力来减少您正在做的工作。(而不是一次又一次地重新找到这些按钮。)类似于:

        jQuery(".radio_button").livequery('click',function() {  
          $('input.radio_button:radio')
            .focus(updateSelectedStyle)
            .blur(updateSelectedStyle)
            .change(updateSelectedStyle);
        });
        function updateSelectedStyle() {
          $('input.radio_button:radio')
            .removeClass('focused')
            .filter(':checked').addClass('focused');
        }
      

      您可能还想利用jQuery的链接能力来减少您正在做的工作。(而不是一次又一次地重新找到这些按钮。)类似于:

        jQuery(".radio_button").livequery('click',function() {  
          $('input.radio_button:radio')
            .focus(updateSelectedStyle)
            .blur(updateSelectedStyle)
            .change(updateSelectedStyle);
        });
        function updateSelectedStyle() {
          $('input.radio_button:radio')
            .removeClass('focused')
            .filter(':checked').addClass('focused');
        }
      

      问得好,因为我了解了livequery插件。顺便说一句,您的代码示例缺少一个大括号“)”。这个问题很好,因为我了解了livequery插件。顺便说一句,您的代码示例缺少一个大括号“)”。