0

如何从 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>

但它没有用。

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

4

3 回答 3

1

也许内容还没有加载，把你的 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 也应该是唯一的。

于 2012-07-30T02:41:40.790 回答
0

你不能给很多元素一个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);
        });
    });
于 2012-07-30T02:42:41.190 回答
0

你需要给每个收音机一个唯一的 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>
于 2012-07-30T02:43:18.417 回答