Jqueryはradio、sellct、checkboxが選択されているかどうかを判断し、選択された値を取得する方法をまとめます_jquery

jquery はラジオ ボタン
の値を取得します

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

$("input[name='items']:checked").val();

もう 1 つ: ラジオが選択されているかどうかを判断し、選択された値を取得します
以下に示すように:

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

関数 checkradio(){
var item = $(":radio:checked"); var len=アイテム.長さ
if(len>0){
alert("はい -- 選択された値は次のとおりです:" $(":radio:checked").val()); }
}

jquery ラジオ値、チェックボックス値、選択値、ラジオ選択、チェックボックス選択、選択選択、および関連するもの


ラジオで選択された項目のグループの値を取得します

コードをコピーします コードは次のとおりです: var item = $('input[name=items][checked]').val();

選択した項目のテキストを取得します

コードをコピーします

コードは次のとおりです: var item = $("select[name=items] オプション[selected]").text();

選択ドロップダウン ボックスの 2 番目の要素は、現在選択されている値です

コードをコピーします

コードは次のとおりです: $('#select_id')[0].selectedIndex = 1;

ラジオラジオ選択グループの 2 番目の要素は、現在選択されている値です

コードをコピーします

コードは次のとおりです: $('input[name=items]').get(1).checked = true;

値の取得:

テキストボックス、テキストエリア: $("#txt").attr("value");

複数選択ボックスのチェックボックス: $("#checkbox_id").attr("value"); 無線グループ: $("input[type=radio][checked]").val(); ドロップダウン ボックスの選択: $('#sel').val();

コントロールフォーム要素: テキスト ボックス、テキスト エリア: $("#txt").attr("value",'');//内容をクリア

コードをコピー

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

$("#txt").attr("value",'11');//内容を埋める

複数選択ボックスのチェックボックス: $("#chk1").attr("checked",'');//チェックなし

コードをコピー

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


$("#chk2").attr("checked",true);//

にチェックを入れます if($("#chk1").attr('checked')==unknown) //チェックされているかどうかを判定します ラジオ選択グループ radio: $("input[type=radio]").attr("checked",'2');//value=2 の項目を現在選択されている項目として設定します ドロップダウン ボックスの選択: $("#sel").attr("value",'-sel3');//value=-sel3 の項目を現在選択されている項目として設定します

コードをコピー

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


$("11112222").appendTo("#sel")// のオプションを追加しますドロップダウンボックス

$("#sel").empty(); // ドロップダウン ボックスをクリアします

jquery を触り始めたばかりで、よくわからないことがたくさんあります

$("#id") を使用してページの入力要素を取得する場合、$("#id").value では値 を取得できないことがわかりました。

その後、偉大な Baidu の助けを借りて、私はついに問題の原因を発見しました:

$("") は jquery オブジェクトであり、dom 要素ではありません

value は dom 要素

の属性です

jquery は val
に対応します
val(): 最初に一致した要素の現在値を取得します。

val(val): 一致する各要素の値を設定します。

したがって、コードは次のように記述する必要があります:


値: val = $("#id")[0].value; 割り当て: $("#id")[0].value = "新しい値"
または $("#id").val("新しい値"); または、これも機能します: val = $("#id").attr("value");

jQuery のそれぞれは非常に使いやすく、JavaScript の for ループの置き換えによく使用されます

たとえば、関数内に each がある場合、それぞれの特定の条件が true の場合、関数は true または false を返します

コードをコピー コードは次のとおりです: 関数 methodone(){

....

$.each(配列,関数(){
if(条件成立){
true を返します。
}
});
....
}


それは常に間違っていたことが判明しました。

情報を調べた結果、break と continue は各コード ブロックで使用できないことがわかりました。break と continue の機能を実装するには、他のメソッドを使用する必要があります
。 ブレーク--- return false を使用します。 続行 -- return ture
を使用します。
したがって、それぞれで return true を使用してこの関数を返したい場合は、実際にはそれぞれを
で実行し続けるだけです。 それぞれさえ中断されていないため、関数は
を返すことができません
別の方法: ラジオが選択されているかどうかを判断し、選択された値を取得します

以下に示すように:




コードをコピー

コードは次のとおりです: 関数 checkradio(){ var item = $(":radio:checked"); var len=アイテム.長さ

if(len>0){

alert("はい -- 選択された値は次のとおりです:" $(":radio:checked").val()); }
}