Jquery的click函数似乎只能工作一次

18 浏览
0 Comments

Jquery的click函数似乎只能工作一次

我正在尝试根据页面上更高处的按钮点击来预先选择一个单选按钮。下面的代码确实起作用，但它似乎只能正确选择一次单选选项。\n

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);
});
});

\n有什么我可以添加到这段代码中，使它在每次按钮点击时都能运行吗？非常感谢任何帮助。\nJFiddle 示例

0

1 答案

0 Comments

Jquery的click函数只能工作一次的问题可能是由于使用了.attr()方法而不是.prop()方法引起的。要解决这个问题，可以将.attr()方法更改为.prop()方法。

代码如下：

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);
});
});

将.attr()方法更改为.prop()方法可以解决Jquery的click函数只能工作一次的问题。

0