gpt4 book ai didi

jquery - 更改单选按钮图像,帮助

转载 作者:行者123 更新时间:2023-11-28 12:27:02 26 4
gpt4 key购买 nike

大家好。我不是一个程序员,但仍然需要做一些编码。

现在我在使用 jQuery 更改单选按钮图像时遇到了问题。我有这个网络代码,但它仍然不起作用。它改变了单选按钮的图像,但是当我尝试选择时,它只改变了第一个单选框的图片。(每次)

这是我的 HTML 代码:

   <div id="testcontent">
<div class="questions">
<div id="question0" class="question">
<span class="qutitle">asdg asdg</span>
<FIELDSET class="radios">
<label for="q_0" class="label_radio">
<input id="q_0" type="radio" name="q_0" value="2">dgasdg
</label>
<label for="q_0" class="label_radio">
<input id="q_0" type="radio" name="q_0" value="0"> sdgas
</label>
<label for="q_0" class="label_radio">
<input id="q_0" type="radio" name="q_0" value="1">dgas
</label>
</FIELDSET>
</div>

这是CSS。我希望我做对了。

#testcontent .label_check,
#testcontent .label_radio { padding-left: 34px; }
#testcontent .label_radio { background: url(radio-off.png) no-repeat; }
#testcontent .label_check { background: url(check-off.png) no-repeat; }
#testcontent label.c_on { background: url(check-on.png) no-repeat; }
#testcontent label.r_on { background: url(radio-on.png) no-repeat; }
#testcontent .label_check input,
#testcontent .label_radio input { position: absolute; left: -9999px; }

这是 jquery 代码。

 function setupLabel() {
if ($('.label_check input').length) {
$('.label_check').each(function(){
$(this).removeClass('c_on');
});
$('.label_check input:checked').each(function(){
$(this).parent('label').addClass('c_on');
});
};
if ($('.label_radio input').length) {
$('.label_radio').each(function(){
$(this).removeClass('r_on');
});
$('.label_radio input:checked').each(function(){
$(this).parent('label').addClass('r_on');
});
};
};
$(document).ready(function(){
$('.label_check, .label_radio').click(function(){
setupLabel();
});
setupLabel();
});

请告诉我这段代码有什么问题,非常感谢帮助。

谢谢。

最佳答案

我真的推荐使用 jquery.uniform (因为您已经在使用 jQuery 或任何同等的替代方法)为表单元素(如复选框、单选按钮和选择)设置样式。除了将图像放在“真实”表单元素上方之外,它还有很多其他功能,例如处理标签上的点击等。

关于jquery - 更改单选按钮图像,帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3469789/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com