suchen

Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung des Einstellungswerts des jQuery-Formulars

Detaillierte Erläuterung des Einstellungswerts des jQuery-Formulars

小云云
小云云Original
2018-01-06 09:40:241204Durchsuche

Dieser Artikel stellt hauptsächlich die Methode zum Festlegen von Werten im jQuery-Formular vor. Ich hoffe, dass er Ihnen helfen kann.

Das Beispiel in diesem Artikel enthält den spezifischen Code zum Festlegen des Werts im jQuery-Formular als Referenz. Der spezifische Inhalt lautet wie folgt:


<!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")，虽然是单选框，取值还是得用数组
      });
    });
  </script>
</head>
<body>
<input type="button" value="设置单选下拉框选中"/>
<input type="button" value="设置多选下拉框选中"/>
<input type="button" value="设置单选框和多选框选中"/>

<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>

Verwandte Empfehlungen:

HTML-Set unterschiedlicher action_html/css_WEB-ITnose für dasselbe Formular

Ajax zum automatischen Ausfüllen von Formularfeldern – Beispiel

Beispiel zum Ausfüllen von JQuery-Formularen teilen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Einstellungswerts des jQuery-Formulars. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery html
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jquery implementiert eine globale Timer-InstanzfreigabeNächster Artikel：jquery implementiert eine globale Timer-Instanzfreigabe

In Verbindung stehende Artikel

Mehr sehen