Jquery代码选择单选按钮

时间:2013-10-17 07:30:59

标签: jquery

我有3个单选按钮

male,female ,none

和作为db操作结果返回的json

var mydata ={
    "_id": "524d1c36497c4d6f3c56bb84",
    "browser": "IE8",    
    "status": "male"    // May be male or female or none
}

单选按钮

<input type="radio" id="rad3" name="case" value="male" />Male
<input type="radio" id="rad1" name="case" value="female"/>Female
<input type="radio" id="rad2" name="case" value="none"/>None

从上面的Json数据我得到“status" value as male并且必须自动选择male radio button。怎么可能。

4 个答案:

答案 0 :(得分:2)

var radioButtonToCheck = $("input[value='"+mydata.status+"']");
if(radioButtonToCheck !=null){
  radioButtonToCheck.prop("checked",true);
}

答案 1 :(得分:1)

if(mydata.status == "male"){
    $("#rad3").prop("checked", true);
}

答案 2 :(得分:1)

试试这样:

$('input[value="' + mydata.status + '"]').prop("checked", true);

答案 3 :(得分:1)

在ajax响应中编写以下代码:

if(mydata.status == "male"){
    $("#rad3").prop("checked", true);
}else if(mydata.status == "female"){
    $("#rad1").prop("checked", true);
}else{
    $("#rad2").prop("checked", true);
}