jquery mobile设置单选按钮组的选定值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery mobile设置单选按钮组的选定值相关的知识,希望对你有一定的参考价值。

我有一个这样的单选按钮组:

   <div data-role="fieldcontainer">
            <fieldset data-role="controlgroup" data-type="horizontal" name="optRestriction" id="optRestriction">
                <legend>Restriction</legend>
                <input type="radio" name="chkRestriction" id="chkRed" value="R" class="custom" />
                <label for="chkRed">Red</label>
                <input type="radio" name="chkRestriction" id="chkYello" value="Y" class="custom" />
                <label for="chkYello">Yellow</label>
                <input type="radio" name="chkRestriction" id="chkGreen" value="G"  class="custom" />
                <label for="chkGreen">

我试图从服务API检索值后设置选定的值。

我尝试了各种方法,如下所示:

  $("input[name=chkRestriction][value=" + data.rows[0].restrictionCd + "]").prop('checked', true).trigger('change');

                                $("input[type='radio']:eq(" + data.rows[0].restrictionCd + ")").attr("checked", "checked");
                                $("input[type='radio']").checkboxradio("refresh");

                                $("input[name=chkRestriction][value=" + data.rows[0].restrictionCd + "]").prop('checked', true).trigger('change');
                                $('[name="chkRestriction"]').val([ data.rows[0].restrictionCd ]);

但似乎都没有效果。一个演示fiddle is here

提前感谢任何建议。

答案

设置属性“已选中”并调用刷新。

 $('input:radio[name="chkRestriction"]').filter('[value="R"]').attr("checked",true).checkboxradio("refresh");

的jsfiddle - https://jsfiddle.net/of7uvbwh/3/

另一答案

设置/取消设置循环中每个单选按钮的值,如下所示:

var valToSet = myVal; // myVal is value to set from API

$('#optRestiction input').each(function(){
  var $this = $(this)
  if($this.val() == valToSet) {
    $this.prop('checked', true);
  }
  else {
    $this.prop('checked', false);
  }
});

当您的某个输入改变状态时,“已更改”事件将触发。除非您为该输入定义了“已更改”事件的处理程序,否则触发它将无法完成任何操作。

另一答案

试试这个。

$( '输入:无线​​电[名称= “chkRestriction”]')滤波器( '[=值 “R”')ATTR( “选中”,真).checkboxradio()checkboxradio( “刷新”);。。。

以上是关于jquery mobile设置单选按钮组的选定值的主要内容,如果未能解决你的问题,请参考以下文章

如何在 jQuery Mobile 中刷新单选按钮的样式和布局?

单击单选按钮使用 jquery Mobile 显示图像

在Jquery Mobile中拉伸水平单选按钮

jQuery mobile 中的多个单选按钮控件组

Yii 使用 Jquery 从单选按钮列表中获取选定的值

尝试获取选定的单选按钮值时jQuery抛出错误