gpt4 book ai didi

jquery - 单击图像时选择单选按钮

转载 作者:行者123 更新时间:2023-12-01 06:45:29 27 4
gpt4 key购买 nike

我想在单击他的图像时选择单选按钮,但它不起作用。这是我尝试过的:

<ul id="options-31-list" class="options-list">
<li>
<a class="mydata" href="" data="84">
<img class="small-image-preview" src="value_id/84/file/o2.jpg/">
</a>
<input class="radio validate-one-required-by-name product-custom-option" type="radio" data="84" value="84" onclick="opConfig.reloadPrice();">
</li>
<li>
<a class="mydata" href="" data="85">
<img class="small-image-preview" src="value_id/85/file/vodafone.jpg/">
</a>
<input class="radio validate-one-required-by-name product-custom-option" type="radio" data="85" value="85" onclick="opConfig.reloadPrice();">
</li>
<li>
<a class="mydata" href="" data="86">
<img class="small-image-preview" src="value_id/86/file/t-mobile.jpg/">
</a>
<input class="radio validate-one-required-by-name product-custom-option" type="radio" data="86" value="86" onclick="opConfig.reloadPrice();">
</li>
</ul>

我对两者都有相同的 data="" 属性:对于图像和输入,有什么方法可以在我单击图像时检查输入(该 radio )?

谢谢

更新:我发现一些代码可以工作,但只能在图像上单击三下,因此当单击最后一个时,脚本停止,无法再次选择第一个或第二个,我不知道为什么......我认为必须取消选中所有单选按钮,然后选中所选的一个...有人可以帮我吗?

jQuery(".mydata").click(function(){ 
jQuery(this).parent().children("input").attr('checked','true');
})

最佳答案

这段 jquery 代码可以帮助你:

$("a").click(function() {
$(this).next().prop("checked", true);
});

演示:http://jsfiddle.net/k5rkxkos/

更新

在纯Javascript中(因为你说你不是jquery专家;)),你可以这样做:

var a = document.getElementsByTagName("a");
for ( var i = 0; i < a.length; i++ ) {
a[i].onclick = function() {
var id = this.getAttribute("data-id");
document.getElementById(id).checked = true;
}
}

演示:http://jsfiddle.net/k5rkxkos/1/

更新

这是根据您的更改更新的代码:

var a = document.getElementsByTagName("a");
for ( var i = 0; i < a.length; i++ ) {
a[i].onclick = function(e) {
e.preventDefault();
var id = this.getAttribute("data");
document.querySelector('input[data="' + id +'"]').checked = true;
}
}

注意:您必须添加输入name属性。

Demo

关于jquery - 单击图像时选择单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30122800/

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