如何设置单选按钮以使用jQuery进行检查?

时间:2011-10-13 22:45:55

标签: jquery html css radio-button

这是我的代码,运行的是JsFiddle:

http://jsfiddle.net/stapiagutierrez/ZbFWu/31/

当我点击.paymentoption div标签内的任何地方时,我希望这个单选按钮能够自行选择。

有什么建议吗?

3 个答案:

答案 0 :(得分:6)

您需要在完全加载DOM时附加事件,方法是将函数包装在$(document).ready()中,并且代码中存在轻微错误。

$(this).$('input[name="paymenttype"]').prop('checked', true); 

无法使用,您需要将其替换为:

$(this).find('input[name="paymenttype"]').prop('checked', true);

它固定为this jsfiddle

答案 1 :(得分:4)

这个仅限HTML / CSS的选项怎么样?更清洁,没有Javascript工作。它实际上为您的单选按钮提供了一个标签,使得屏幕阅读器可以更好地访问这些标签。

http://jsfiddle.net/GolezTrol/ZbFWu/37/

答案 2 :(得分:0)

也许?

$('.paymentoption').click(function() {
    $('.paymentoption input[name="paymenttype"]').prop('checked', true);
});

http://jsfiddle.net/ZbFWu/34/