Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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
Javascript 单选按钮转换为动态创建的图像_Javascript_Jquery_Radio Button - Fatal编程技术网

Javascript 单选按钮转换为动态创建的图像

Javascript 单选按钮转换为动态创建的图像,javascript,jquery,radio-button,Javascript,Jquery,Radio Button,我想通过单击动态创建的图像来更改选中的无线btn。这是生成我的图像的PHP: <?php if($subject_list){ foreach ($subject_list as $item):?> <input type="radio" name="subjectagendaactivity" value="male" /> <img src="/static/images/school/students

我想通过单击动态创建的图像来更改选中的无线btn。这是生成我的图像的PHP:

<?php if($subject_list){
      foreach ($subject_list as $item):?>
            <input type="radio" name="subjectagendaactivity" value="male" />
            <img src="/static/images/school/students/subjects/island/island_<?php echo $item['id'];?>_agenda.png"/>
      <?php endforeach;}?>
我需要将[0]更改为$(this)或类似的内容,以便在单击右侧图像时检查我的无线btn。

尝试以下操作:

$(this).click(function () {
                $('input:radio[name=subjectagendaactivity]').attr("checked", true);
            });
试试这个:

$(this).click(function () {
                $('input:radio[name=subjectagendaactivity]').attr("checked", true);
            });
试试这个:

$('input:radio[name=subjectagendaactivity]').each(function(index) {
if(index == 0)
{
     $(this).attr("checked","checked");
     return;
}
});
试试这个:

$('input:radio[name=subjectagendaactivity]').each(function(index) {
if(index == 0)
{
     $(this).attr("checked","checked");
     return;
}
});

您喜欢这样做吗?:唯一的缺点是它需要
img
input
都有ID。但是,如果您愿意/需要,您可以将其更改为其他内容。

您是否需要此功能?:唯一的缺点是它需要
img
输入都具有ID。但是,如果您愿意/需要,您可以将其更改为其他内容。

假设要选中的复选框始终是您单击的图像之前的元素:

$('img').click(function () {
    var $check = $(this).prev(':checkbox');

    if($check.is(':checked'){  // Already checked? Uncheck it!
        $check.removeAttr('checked');
    }
    else{
        $check.attr('checked','checked');
    }
});

看一看,;您应该能够找到一个允许您按照惯例抓取复选框的复选框。

假设您要选中的复选框始终是您单击的图像之前的元素:

$('img').click(function () {
    var $check = $(this).prev(':checkbox');

    if($check.is(':checked'){  // Already checked? Uncheck it!
        $check.removeAttr('checked');
    }
    else{
        $check.attr('checked','checked');
    }
});

看一看,;你应该能够找到一个可以让你按照惯例抓取复选框的标签。

img的
img
标签是否带有ID或类?如果需要,我可以添加ID,没问题!
img
标签是否带有ID或类?如果需要,我可以添加ID,没问题!当我这样做时,它总是检查最后一个盒子谢谢你的帮助,我很感激。问题由安德鲁·皮科克解决如果你想看看我是怎么做的,再次感谢当我这么做时,它总是检查最后一个盒子谢谢你的帮助,我很感激。问题由安德鲁·皮科克解决,若你们想知道我是怎么做的,多谢你们不再工作,告诉我$(“input:radio[name=subjectagendaactivity]”[0]。attr不是一个函数仍然不工作,可能是我做错了什么。谢谢你,问题解决了!不工作,告诉我$(“input:radio[name=subjectagendaactivity]”[0]。attr不是函数仍然不工作,可能是我做错了什么。谢谢你,问题解决了!