为什么我的单选按钮没有被选中?

时间:2012-08-14 18:40:40

标签: jquery html

jquery的:

这是我编辑过的jquery:

$(document).ready(function(){
    $("#set-button").click(function(){
        $("#radio-choice-a").attr("checked", "checked");
        counter=aRoute;
        $('#data-scroller').scroller('destroy');
        scroller();     
    });
});

html:已编辑

<div data-role="fieldcontain">
      <fieldset data-role="controlgroup" data-type="horizontal">
              <input type="radio" name="radio-choice" id="radio-choice-a"
              value="on" checked="checked" /> <label for="radio-choice-a">A</label>
               <input type="radio" name="radio-choice" id="radio-choice-b"
               value="off" /> <label for="radio-choice-b">B</label> 
               <input type="radio" name="radio-choice" id="radio-choice-c"
           value="other" /> <label for="radio-choice-c">C</label>
       </fieldset>
</div>
<a href="#" id="set-button" data-theme="a">Set</a>

有人知道怎么做吗?

5 个答案:

答案 0 :(得分:1)

伙计我用过这个并且有效。它之前没有工作的原因是因为我使用的是jquery.mobile-1.1.1 javascript文件。因此需要刷新以更新视觉样式。

 $("#radio-choice-a").attr("checked",true).checkboxradio("refresh");

答案 1 :(得分:0)

http://jsfiddle.net/9y5na/

如果那是您想要的特定ID,您也可以通过该ID进行搜索。使用.prop('checked', true);即可完成所有设置。无线电选择 - 已经检查了=“已检查”,为什么看起来JS似乎没有做任何事情!

$("#radio-choice-a").prop("checked", true);​

答案 2 :(得分:0)

你可以这样做:

$("#radio-choice-a").attr("checked", "checked");​
$("#buttonSetSelector").buttonset("refresh");    //If you are using a buttonset

$("#radio-choice-a").button("refresh");   // If you are just using buttons

请参阅此小提琴以获取示例:http://jsfiddle.net/johnkoer/SLqWG/4/

答案 3 :(得分:0)

您可以按ID选择元素,也可以使用prop方法修改输入的checked属性:

$(document).ready(function() {
    $('#radio-choice-a').prop('checked', true)
    $('#radio-choice-b').prop('checked', false)
})

答案 4 :(得分:0)

document.getElementById('radio-choice-a')​​​​.checked=true;​

FIDDLE