如何从javascript设置html单选值

How can I set html radio value from javascript?

本文关键字：html 单选值 设置 javascript      更新时间：2024-05-08

如何从javascript设置html单选值？？我尝试这个代码

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$.getJSON("getquestion.php",function(result)
{
        //set radio value
    //$("#choice").html(result.test_choice_a);
    //$("#choice").val(result.test_choice_a);
    //$("#choice").html(result.test_choice_b);
    //$("#choice").val(result.test_choice_b);
    //$("#choice").html(result.test_choice_c);
    //$("#choice").val(result.test_choice_c);
    //$("#choice").html(result.test_choice_d);
    //$("#choice").val(result.test_choice_d);
    document.testform.choice[0].value = result.test_choice_a;
    document.testform.choice[1].value = result.test_choice_b;   
    document.testform.choice[2].value = result.test_choice_c;   
    document.testform.choice[3].value = result.test_choice_d;
}
</script>
<input type="radio" name="choice" id="choice" ><br>
<input type="radio" name="choice" id="choice"><br>
<input type="radio" name="choice" id="choice"><br>
<input type="radio" name="choice" id="choice"><br>

但没有奏效。

我该如何设置？？请帮帮我。

也许内容尚未加载，请将您的ajax调用放入$(document).ready() 中

$(document).ready(function(){
    $.getJSON("getquestion.php",function(result)
    {
            //set radio value
        //$("#choice").html(result.test_choice_a);
        //$("#choice").val(result.test_choice_a);
        //$("#choice").html(result.test_choice_b);
        //$("#choice").val(result.test_choice_b);
        //$("#choice").html(result.test_choice_c);
        //$("#choice").val(result.test_choice_c);
        //$("#choice").html(result.test_choice_d);
        //$("#choice").val(result.test_choice_d);
        document.testform.choice[0].value = result.test_choice_a;
        document.testform.choice[1].value = result.test_choice_b;   
        document.testform.choice[2].value = result.test_choice_c;   
        document.testform.choice[3].value = result.test_choice_d;
    });
});

此外，元素ID应该是唯一的。

您需要给每个收音机一个uniquie id。

<script type="text/javascript">
$.getJSON("getquestion.php",function(result) {
    //set radio value
    $("#choice_1").val(result.test_choice_a);
    $("#choice_2").val(result.test_choice_b);
    $("#choice_3").val(result.test_choice_c);
    $("#choice_4").val(result.test_choice_d);
}
</script>
<input type="radio" name="choice" id="choice_1" ><br>
<input type="radio" name="choice" id="choice_2"><br>
<input type="radio" name="choice" id="choice_3"><br>
<input type="radio" name="choice" id="choice_4"><br>

不能为的许多元素提供id

    $(document).ready(function () {
        $.getJSON("getquestion.php", function (result) {
            $("#choice_1").val(result.test_choice_a);
            $("#choice_2").val(result.test_choice_b);
            $("#choice_3").val(result.test_choice_c);
            $("#choice_4").val(result.test_choice_d);
        });
    });
相关文章：