Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 更改单选按钮图像,帮助_Jquery_Css_Radio Button - Fatal编程技术网

Jquery 更改单选按钮图像,帮助

Jquery 更改单选按钮图像,帮助,jquery,css,radio-button,Jquery,Css,Radio Button,嘿,伙计们。我不是一个程序员,但仍然需要做一些编码 现在我在使用jQuery更改单选按钮图像时遇到了一个问题。 我有这个网络代码,但它仍然不起作用。 它会更改单选按钮图像,但当我尝试选择时,它只会更改第一个单选框的图片。(每次) 以下是我的HTML代码: <div id="testcontent"> <div class="questions"> <div id="question0" class="question"> <span class="

嘿,伙计们。我不是一个程序员,但仍然需要做一些编码

现在我在使用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>
这是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或其他类似的选项)来设置表单元素的样式,如checkbox、radio和select。
不仅仅是在“真实”表单元素上放置一个图像,比如处理标签上的点击等。如果您使用jquery.uniform,有一个技巧可以动态选择单选按钮

设置表单元素的值后,例如

$("[name='buttongroup']['value='male']").attr("checked", true);
…只需执行以下操作即可更新单选按钮选择的显示:

$.uniform.update();

您的问题是,您对所有输入使用相同的ID,并且ID是唯一的。这就是它更改id=“q_0”的第一个实例的原因。

谢谢,这要容易得多。
$.uniform.update();