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

Posted 2023-05-09

【中文标题】Jquery点击功能似乎只工作一次

【英文标题】：Jquery click function only seems to be working once

【发布时间】：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

【参考方案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);
);
);