欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2017年06月30日 10:25:10   作者：斯丟皮德曼  
這篇文章主要為大家詳細介紹了jQuery表單設(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號");
      });
      $("input[type=button]:eq(1)").click(function () {
        $("#multiple").val(["選擇2號","選擇3號"]);
      })
      $("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號</option>
  <option>選擇2號</option>
  <option>選擇3號</option>
</select>

<select id="multiple" multiple="multiple" style="height:120px;">
  <option selected="selected">選擇1號</option>
  <option>選擇2號</option>
  <option>選擇3號</option>
  <option>選擇4號</option>
  <option selected="selected">選擇5號</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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論