一组单选按钮

为什么如果我在图像上放置超链接，以前的解决方案不起作用？ “我有一组三个单选按钮与一组三个图像相连 - 即{image1，radioBtn1}，{image2，radioBtn2}，{image3，radioBtn3}。一组单选按钮

我试图执行以下操作：当我点击一个图像时，连接到这个图像的单选按钮被自动检查（例如：当我点击image3时，radioBtn3将被检查）“

2014-01-26 M_B216

我真的不明白的问题..你有任何的代码中插入下面的代码？ –

http://stackoverflow.com/questions/21370007/set-of-radio-buttons-in-javascript/21370045?noredirect=1#comment32226840_21370045 –

添加事件监听器到每个图像，告诉相应的按钮进行检查。

来源

2014-01-26 23:33:39 Atutouato

使用label元素组无线电input和img：

FIDDLE

<label> 
    <input type="radio" name="mode" value="create" /> 
    <img src="your_image.jpg" /> 
</label>

来源

2014-01-26 23:34:56

这里有一个简单的例子... FIDDLE

<section> 
    <img src="/" class="radio-img" alt="Image 1"> 
    <img src="/" class="radio-img" alt="Image 2"> 
    <img src="/" class="radio-img" alt="Image 3"> 

    <input type="radio" name="radio"> 
    <input type="radio" name="radio"> 
    <input type="radio" name="radio"> 
</section> 

$('.radio-img').click(function() { 
    $('input[name="radio"]').eq($(this).index()).trigger('click'); 
});

...但当然，为此你必须使用jQuery。

要包括jQuery库文档中，在<head>部分

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

来源

2014-01-26 23:39:19 mdesdev

一组单选按钮

回答

相关问题