jQuery表單設(shè)置值的方法
本文實(shí)例為大家分享了jQuery如何表單設(shè)置值的具體代碼,供大家參考,具體內(nèi)容如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.3.min.js"></script> <script> $(function () { $("input[type=button]:eq(0)").click(function () { $("#single").val("選擇2號(hào)"); }); $("input[type=button]:eq(1)").click(function () { $("#multiple").val(["選擇2號(hào)","選擇3號(hào)"]); }) $("input[type=button]:eq(2)").click(function () { $(":checkbox").val(["check2","check3"]);//等同于$("input[type=checkbox]").filter(":eq(0),:eq(1)").attr("checked","checked") $(":radio").val(["radio3"]);//等同于$("input[type=radio]").attr("checked","checked"),雖然是單選框,取值還是得用數(shù)組 }); }); </script> </head> <body> <input type="button" value="設(shè)置單選下拉框選中"/> <input type="button" value="設(shè)置多選下拉框選中"/> <input type="button" value="設(shè)置單選框和多選框選中"/> <br/><br/> <select id="single"> <option>選擇1號(hào)</option> <option>選擇2號(hào)</option> <option>選擇3號(hào)</option> </select> <select id="multiple" multiple="multiple" style="height:120px;"> <option selected="selected">選擇1號(hào)</option> <option>選擇2號(hào)</option> <option>選擇3號(hào)</option> <option>選擇4號(hào)</option> <option selected="selected">選擇5號(hào)</option> </select> <br/><br/> <input type="checkbox" value="check1"/> 多選1 <input type="checkbox" value="check2"/> 多選2 <input type="checkbox" value="check3"/> 多選3 <input type="checkbox" value="check4"/> 多選4 <br/> <input type="radio" value="radio1"/> 單選1 <input type="radio" value="radio2"/> 單選2 <input type="radio" value="radio3"/> 單選3 </body> </html>
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JQuery給元素添加/刪除節(jié)點(diǎn)比如select
本教程詳細(xì)介紹下jQuery添加/刪除Select的Option項(xiàng),感興趣的各位可以參考下哈2013-04-04jquery實(shí)現(xiàn)背景墻聚光燈效果示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)背景墻聚光燈效果示例,需要的朋友可以參考下2014-03-03jQuery源碼解讀之a(chǎn)ddClass()方法分析
這篇文章主要介紹了jQuery源碼解讀之a(chǎn)ddClass()方法,注釋形式較為詳細(xì)的分析了addClass()方法的實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02jQuery+jRange實(shí)現(xiàn)滑動(dòng)選取數(shù)值范圍特效
本文向大家介紹一款范圍選擇器插件jRange,它是基于jQuery的一款簡(jiǎn)單插件。本站之前有類似文章:jQuery+CSS使用滑塊選取價(jià)格范圍,其中不太好的地方是使用了jqueryui龐大的插件庫,有興趣的朋友可以看看。下面我們來看下插件jRange的使用。2015-03-03jQuery實(shí)現(xiàn)首頁圖片淡入淡出效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)首頁圖片淡入淡出效果的方法,實(shí)例分析了jQuery圖片淡入淡出效果的相關(guān)使用技巧,需要的朋友可以參考下2015-06-06jquery遍歷之parent()和parents()的區(qū)別及parentsUntil()方法詳解
這篇文章主要介紹了jquery遍歷之parent()和parents()的區(qū)別及parentsUntil()方法。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12easyUI使用分頁過濾器對(duì)數(shù)據(jù)進(jìn)行分頁操作實(shí)例分析
這篇文章主要介紹了easyUI使用分頁過濾器對(duì)數(shù)據(jù)進(jìn)行分頁操作,結(jié)合實(shí)例形式詳細(xì)分析了easyUI分頁過濾器對(duì)數(shù)據(jù)進(jìn)行分頁操作具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2020-06-06關(guān)于echarts在節(jié)點(diǎn)顯示動(dòng)態(tài)數(shù)據(jù)及添加提示文本所遇到的問題
這篇文章主要介紹了關(guān)于echarts在節(jié)點(diǎn)顯示動(dòng)態(tài)數(shù)據(jù)及添加提示文本所遇到的問題,需要的朋友可以參考下2018-04-04