jQuery表單設(shè)置值的方法

更新時(shí)間：2017年06月30日 10:25:10 作者：斯丟皮德曼

這篇文章主要為大家詳細(xì)介紹了jQuery表單設(shè)置值的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(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>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery基于BootStrap樣式實(shí)現(xiàn)無限極地區(qū)聯(lián)動(dòng)
這篇文章主要介紹了jQuery基于BootStrap樣式實(shí)現(xiàn)無限極地區(qū)聯(lián)動(dòng)的相關(guān)資料,需要的朋友可以參考下
2016-08-08
jQuery通過deferred對(duì)象管理ajax異步
這篇文章主要介紹了jQuery通過deferred對(duì)象管理ajax異步的相關(guān)資料,需要的朋友可以參考下
2016-05-05
jQuery ul標(biāo)簽下拉菜單演示代碼
jQuery ul標(biāo)簽下拉菜單演示代碼，需要使用基于jquery的下拉菜單效果的朋友可以參考下。
2010-12-12
jQuery實(shí)現(xiàn)下拉菜單的實(shí)例代碼
本文通過實(shí)例代碼給大家講解了jQuery實(shí)現(xiàn)下拉菜單效果,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-06-06
基于jQuery Tipso插件實(shí)現(xiàn)消息提示框特效
這篇文章主要介紹了基于jQuery Tipso插件實(shí)現(xiàn)消息提示框特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-03-03
jQuery呼吸輪播圖制作原理詳解
這篇文章主要為大家詳細(xì)介紹了jQuery呼吸輪播圖制作原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
JQuery實(shí)現(xiàn)Table的tr上移下移功能
這篇文章主要為大家詳細(xì)介紹了JQuery實(shí)現(xiàn)Table的tr上移下移功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02
功能強(qiáng)大的jquery.validate表單驗(yàn)證插件
這篇文章主要為大家詳細(xì)介紹了功能強(qiáng)大的jquery.validate表單驗(yàn)證插件,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
jQuery操作CheckBox的方法介紹(選中,取消,取值)
本篇文章主要是對(duì)jQuery操作CheckBox的方法(選中,取消,取值)進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-02-02
jQuery+jsp實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果(附源碼)
這篇文章主要介紹了jQuery+jsp實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果,以完整實(shí)例形式分析了jQuery結(jié)合jsp讀取MySQL數(shù)據(jù)庫(kù)操作實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果的相關(guān)技巧,并附帶完整實(shí)例源碼供讀者下載參考,需要的朋友可以參考下
2015-12-12