Jquery 点击功能似乎只能使用一次

Question

我正在尝试预先 select 一个单选按钮，该单选按钮基于页面上方的按钮单击。下面的代码确实有效，但它似乎只正确 select 单选选项一次。

jQuery(document).ready(function(){
  jQuery(".select-one").on('click', function(){
    jQuery("input[type='radio'][id='choice_25_25_0']").attr("checked", true);
});
   jQuery(".select-two").on('click', function(){
    jQuery("input[type='radio'][id='choice_25_25_1']").attr("checked", true);
});
   jQuery(".select-three").on('click', function(){
    jQuery("input[type='radio'][id='choice_25_25_2']").attr("checked", true);
});
});

有什么我可以添加到此代码中以使其在每次单击按钮时都能运行吗？非常感谢任何帮助。

JFiddle Example

Answer 1

更改为 .prop() 而不是 .attr()

jQuery(document).ready(function(){
  jQuery(".select-one").on('click', function(){
    jQuery("input[type='radio'][id='choice_25_25_0']").prop("checked", true);
});
   jQuery(".select-two").on('click', function(){
    jQuery("input[type='radio'][id='choice_25_25_1']").prop("checked", true);
});
   jQuery(".select-three").on('click', function(){
    jQuery("input[type='radio'][id='choice_25_25_2']").prop("checked", true);
});
});

Jquery 点击功能似乎只能使用一次

Jquery click function only seems to be working once

forms

jquery

click

radio-button