Jquery点击功能似乎只工作一次答案

【问题标题】：Jquery click function only seems to be working onceJquery点击功能似乎只工作一次
【发布时间】：2021-11-17 00:18:51
【问题描述】：

我正在尝试根据页面上方的按钮单击来预先选择单选按钮。下面的代码确实有效，但它似乎只正确选择了一次单选选项。

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

【问题讨论】：

请发minimal reproducible example
感谢minimal reproducible example - 如果您在单击所有“按钮”（链接）后查看页面的源代码，它们都具有@ 的属性 987654326@。你需要使用.prop("checked", true);来设置checked属性，这样就可以正常工作了。
你需要使用.prop()而不是.attr()
太完美了。谢谢你们的帮助。非常感谢
这能回答你的问题吗？ jQuery: prop vs attr... clarification

标签： jquery forms radio-button click

【解决方案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);
});
});

【讨论】：