Jqueryの実践アプリケーション、radio、sellct、チェックボックスが選択されているかどうかと選択された値を判断します

001 ラジオのラジオ ボタンの値を取得する jquery

002

003 $("input[name='items']:checked").val(); 別の例: ラジオが選択されているかどうかを確認し、選択された値を取得します

005

006 以下に示すように:

007 function checkradio(){

008 var item = $(":radio:checked");

009 var len=item length; 010 if(len> ;0){

011 alter("yes-- 選択された値は次のとおりです: "+$(":radio:checked").val());

015

016

017

018 jquery ラジオ値、チェックボックス値、選択値、ラジオ選択、チェックボックス選択、選択選択、および関連

019

020 ラジオで選択された項目のセットの値を取得します

021

022 var item = $('input[name=items][checked]').val();

023

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

025

026 var item = $ ( "select[name=items] option[selected]").text();

027

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

029

030 $('# select_id')[ 0].selectedIndex = 1;

031

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

033

034 $('input[name=items]').get (1).checked = true;

035

036

037 値の取得:

038

039

040

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

042

043 複数選択ボックスのチェックボックス: $("#checkbox_id").attr("value");

044

045 ラジオグループラジオ: $("input[type=radio][チェック済み]"). val (); コントロールフォーム要素:

052

053 テキストボックス、テキストエリア: $("#txt").attr("value",'');//コンテンツをクリア

054

055 $("#txt").attr("value",'11') ;//コンテンツを埋める

056

057

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

059

060 $( "#chk2").attr("checked",true);//チェックを入れる

061

062 if($("# chk1").attr('checked')==undefine) //チェックボックスにチェックを入れる 現在選択されている項目について

067

068 ドロップダウンボックスで選択: $("#sel").attr ("value",'-sel3');//value=-sel3 の項目を現在選択されている項目として設定します

069

070 $("1111 2222").appendTo("#sel")//ドロップダウン ボックス オプションを追加

071

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

073

074

075

076 私は jQuery に触り始めたばかりで、多くのことに慣れていません

077

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

079

080

081

082 その後、 Baidu の助けを借りて、問題の原因が見つかりました。

083

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

085

086

087

088 値は dom 要素の属性です

089

090

091

092 jquery は val に対応します

093

094

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

096

097

098

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

100

101

102

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

104

105

106 値: val = $("#id")[0].value; 107 代入 ： $("#id")[0].value = "新しい値";

108

109 または $("#id").val("新しい値"); 112

113 val = $("#id").attr("value");

114

115

116

117 それぞれは jQuery で非常に簡単に使用でき、代わりに JavaScript の代わりに使用されます。

118

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

120

121 function method(){

122 。 .

123 $.each(array,function(){

124 if(条件がtrue){

125 return true;

126 }

127 }) ;

128 ....

129 }

130

131 常に何かが間違っていることがわかります。

132

133 情報を調べた結果、break と continue は各コードブロックで使用できないことがわかりました。break と continue の機能を実装したい場合は、他のメソッドを使用する必要があります

134 Break-- --use return false;

135 continue --use return true;

136

137 したがって、この関数を返すためにそれぞれで return true を使用したい場合は、実際にはそれぞれを実行し続けるだけです。 138 それぞれは中断されていないため、関数を返すことはできません

139

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

141

142 以下に示すように:

143 function checkradio(){

144 var item = $(": radio:checked");

145 var len=item.length;

146 if(len>0){

147 alter("yes-- 選択された値は次のとおりです: "+$(":radio:checked" ).val());

148 }

149 }

上記は、radio、sellct、checkboxが選択されているかどうか、および選択された値を判断するためのJqueryの実際のアプリケーションです。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。