js操作radio，form等dom的快捷方式

radio的相关操作

html

获取被选中的值

var deploy_type = $('input[type="radio"][name="deployType"]:checked').val();

设置值

$("input[type="radio"][name='deployType']").get(0).checked = true; //设置第一个radio为选中状态

禁用

document.getElementById("deployTypeManual").disabled = true;

form的相关操作

html

#这里在form中只给出了两种元素，input和select，如果有其他的元素在反序列化的时候可能需要单独去设置值

<div class="col-sm-10"&gt;
    <input type="text" class="form-control" id="subject" name="subject" placeholder="主题"&gt;
</div>

<div class="form-group">

<label for="env" class="col-sm-2 control-label">环境
<div class="col-sm-10"&gt;
    <select class="form-control" id="env" name="env"&gt;
        <option value="prod"&gt;prod</option>
        <option value="stg"&gt;stg</option>
    </select>
</div>

序列化（serialize）

var val = $("#frmProd").serialize(); //val的值是这样的"subject=subject&env=prod"，该值可以直接用到ajax里面

反序列化

var dataDict = {"subject": "subject","env": "env"}
for (str_key in dataDict) {
   var $input = $("#" + str_key);
   $input.val(dataDict[str_key]);

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!