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将“聚焦”类添加到单选按钮中
$('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插件。顺便说一句,您的代码示例缺少一个大括号“)”。