Jqueryの知識ポイント3 jqueryフォームオブジェクトoperation_jquery

Jquery では、これら 3 つの関数はパラメータがある場合は代入操作、パラメータがない場合は値の取得操作になります。このうち、val() とそれに関連する入力システム ラベルなどのフォーム オブジェクトが非常に重要です。 、select、textarea などはすべてサーバーとのやり取りに使用されるタグ要素であるため、この val() を理解する必要があります。
radio、checkbox、select の割り当て操作については、

コードをコピーします コードは次のとおりです:

$("input[name=a]")。 val(["エンターテイメント 1"]) ;
$("input[type=checkbox]").val(["バスケットボール", "ゲーム"]);
$("select").val( ["バスケットボール", "ゲーム"] ; []、複数の値がある場合は、値をカンマで区切ります。

の場合は、値を選択に割り当てます。ラジオ、チェックボックス、選択の値操作:



コードをコピー
コードは次のとおりです:

var checkvalue = ""; var s = $("input[name=a]:checked").val(); $(":checkbox:checked"); () { checkvalue = $(this).val(); var selectvalue = "" $("select :selected");

selectvalue = $(this).val();

});
alert("checkvalue:" checkvalue "radiovalue:" s "selectvalue:" selectvalue); >
コード分析:

は s を宣言します。この変数は、name=a でラジオの選択された値を受け取るために使用されます。var s=$(":radio:checked") と書くこともできます。 ).val(). :radio は、属性である type=radio の入力要素として理解できます。
チェックボックスがマルチであるため、選択された値を取得します。 -select ボックス、選択された各項目はそれぞれで処理する必要があります。 $(" input[type=checkbox]:checked"); 属性セレクターに従って記述することもできます。
属性が複数の場合 = "multiple" では、複数の選択を行うことができます。

概要:

入力ベースのタグ要素の場合、属性セレクターを使用して以下を取得できます。 $("input[type=checkbox]")、または簡潔な方法: $(":checkbox")、類似のもの:
: radio、:submit、:image、:reset、:button、:file、 :hidden、:password、:text;

$(":input") <button> を使用: 取得するチェックボックス選択された項目、選択の場合は use:selected( $("select :selected"), $(":radio:checked") .val();) <br><strong><br></strong><br>コードをコピー<br><br><strong> コードは次のとおりです:</strong><div class="codebody" id="code50241"> <br> <br> <br> <br><title></title> <br><script src="../myjs/jquery-1.4.2-vsdoc.js" type="text/javascript"></script> <br> <br>$(function() { <br>$(":button[value=取值]").click(function() { <br>var checkvalue = ""; <br>//var s = $ ("input[name=a]:checked").val(); <br>var s = $(":radio:checked").val(); <br>$("input[type=checkbox]: selected").each(function() { <br>checkvalue = $(this).val(); <br>}); <br>var selectvalue = ""; <br>$("select :selected") .each(function() { <br>selectvalue = $(this).val(); <br>}); <br>alert("checkvalue:" checkvalue "radiovalue:" s "selectvalue:" selectvalue); 🎜>}); <br>$(":button[value=设置]").click(function() { <br>$("input[name=a]").val(["娱乐1"] ); <br>$("input[type=checkbox]").val(["篮球", "游戏"]); <br>$("select").val(["篮球", "游戏" ]);<br>})<br>}); <br><br> <br> <br> <br><input type="checkbox" id="footbal" value="足球"><label for="footbal">足球</label><br> <br><input type="checkbox" value="篮球">篮球<br> <br><input type="checkbox" value="看书">看书<br> <br><input type="checkbox" value="游戏">游戏<br><hr> <br><input type="radio" name="a" id="b" value="娱乐1"><label for="b">娱乐1</label><br> <br><input type="radio" name="a" value="娱乐2">娱乐2<br> <br><input type="radio" name="a" value="娱乐3">娱乐3<br> <br><hr> <br> <br><option value="篮球">篮球</option> <br><option value="足球">足球</option> <br>看书 <br>游戏 <br> <br><input type="button" value="取值"> <input type="button" value="设置"> <br> </div></button>