jquery mobile trigger click第一次不起作用

Question

我有一个带有多个无线电输入的 jquery 移动表单，带有“DS”、“NO”和“YES”选项。我希望当我单击一个按钮时，它会模拟单击所有单选按钮的“是”选项。

我使用这个代码：

$("#btn-all-yes").click(function(){
    $(".replay-yes").each(function(index, element){
        $(element).trigger("click");                  
        //$(element).click();       
    });
});

但我需要在按钮中单击两次才能达到预期的效果。如果我将 '$(element).trigger("click")' 行两次，它可以工作，但我认为它应该与对 click 事件的一次调用一起工作。

你可以在http://jsfiddle.net/qwLPH/7/看到所有代码

Answer 1

您需要使用.prop 更改其状态，然后刷新它.checkboxradio('refresh')。

Working demo

更新 - 取消选中其他按钮

$("#btn-all-yes").click(function () {
 $('[data-role="controlgroup"]').find("[type=radio]").each(function () {
  if ($(this).hasClass('replay-yes')) {  
   $(this).prop('checked', true).checkboxradio("refresh");
  } else {
     $(this).prop('checked', false).checkboxradio("refresh");
    }
 });
});

---

旧答案

$("#btn-all-yes").click(function(){
 $(".replay-yes").each(function(index, element){
    $(element).prop('checked', true).checkboxradio("refresh");                  
 });
});

• Reference
• Similar issue

Answer 2

尝试初始化点击页面加载：

$(".replay-yes").each(function (index, element) {
    $(element).trigger("click");
    //$(element).click();       
}).click();
//-^^^^^^^----------this way

Tryout in fiddle here