【问题标题】:select radiobutton with js or jqm选择带有 js 或 jam 的单选按钮
【发布时间】:2013-11-25 13:30:09
【问题描述】:

如您所见,我没有使用一个,而是两个指令来选择按钮,但它们都不起作用。怎么了?

JS:

$(document).ready(function (){     
    document.getElementById('regent1pick').checked = true;
    $('input:radio[id=regent1pick]').checked = true;
})

HTML:

<form name="COR" id="POC"   >
    <fieldset data-role="controlgroup" data-type="vertical">
        <input type="radio" id="regent1pick" name="AKJA" onclick="regentchange()"    />
        <label class="option" for="regent1pick" style="text-align:center" >regentnik 1 </label>
    </fieldset>         
 </form>

jsbin

【问题讨论】:

  • 我不相信负一奖的公正性。使用的标签不是我的。单选按钮与复选框 - 即使它们适合您,也不必对其他人如此。我相信我的问题通常会与您引用的问题分开找到,这将证明两者对未来的寻求者都有用。

标签: javascript jquery-mobile radio-button


【解决方案1】:

用 jQuery 试试:

$('input:radio[id=regent1pick]').attr('checked','true');  

(如果这是选项,则通过 id 进行简单选择)

$('#regent1pick').attr('checked','true');  

但是你的普通 JS 看起来是正确的,应该可以工作。作为替代方案,您可以尝试:

document.getElementById('regent1pick').setAttribute('checked', 'true');

更新:

对于 jQuery mobile,您还需要通过 .checkboxradio("refresh") 方法刷新 UI。完整的命令是:

$('#regent1pick').attr('checked','true').checkboxradio("refresh");

【讨论】:

猜你喜欢
  • 2015-11-02
  • 2022-11-24
  • 1970-01-01
  • 1970-01-01
  • 2015-04-26
  • 2016-03-08
  • 1970-01-01
  • 1970-01-01
  • 2018-12-30
相关资源
最近更新 更多