jQuery中怎么設(shè)置表單值

發(fā)布時間：2021-07-23 14:59:53 來源：億速云閱讀：135 作者：Leah 欄目：web開發(fā)

今天就跟大家聊聊有關(guān)jQuery中怎么設(shè)置表單值，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

具體內(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" >
  <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)容，你們對jQuery中怎么設(shè)置表單值有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問一下細(xì)節(jié)

jQuery中怎么設(shè)置表單值

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽