Question

为什么这不能正常工作：

<input name="Fuel" type="radio" value="" title="Any" checked="checked">
<input name="Fuel" type="radio" value="1" title="Petrol">
<input name="Fuel" type="radio" value="2" title="Diesel">

<div class="options">Any</div>
<div class="options">Petrol</div>
<div class="options">Diesel</div>

$('.options').click(function(){
    $('input').removeAttr('checked');
    $('input[title="' + $(this).text() + '"]').attr('checked', 'checked');   
});

请参阅此处的工作示例：

http://jsfiddle.net/4MTL2/

在您尝试重新选择已经选中的按钮之前，它可以正常工作。

Answer 1

尝试.prop( propertyName, value )

value 类型：字符串或数字或布尔值为属性设置的值。

$('.options').click(function () {
    $('input[title="' + $(this).text() + '"]').prop('checked', true);
});

Fiddle Demo

Answer 2

最佳解决方案是使用.click（）因为它也会触发点击广播事件，所以非常重要

仅更改单选选项属性或属性的另一种解决方案

不会触发广播事件!!!!!!!!

  $("#your_radio_option_ID_here").click()

尝试使用jquery以编程方式设置单选按钮

2 个答案: