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

前端之家收集整理的这篇文章主要介绍了js操作radio,form等dom的快捷方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

radio的相关操作

html

dio">

获取被选中的值

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="<a href="https://www.jb51.cc/tag/zhuti/" target="_blank" class="keywords">主题</a>"&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]);

}

原文链接:https://www.f2er.com/note/421871.html

猜你在找的程序笔记相关文章