繰り返し荷重、それはデータベースからデフォルト値をボックスに必要がある場合1.プロジェクトは、多くの場合、チェックボックスを使用します。
2.次に、JSPにおける反復の方法を使用して、バインド値にチェックボックス。アイデアと方法は必ずしも参照目的のみのために良いではありません。
< 入力タイプ= "チェックボックス" クラス= "layui-フォームチェックボックス" ID = "$ {menu.menu_code}" 値= "$ {menu.menu_id}" レイ皮膚= "プライマリ" データID = "$ { menu.menu_id}」/> </ TD >
私は、入力タグ]チェックボックス、チェックボックスを使用します。
入力は、ボンディングのidメソッドをフックするために使用されます。
<C:のforeach VAR = "モデル"商品= "$ {} maps.menuData" varStatus = "varStatusName"> VAR。$コード=( "$ {#} model.menu_code")プロプ( "チェック" trueに)。// のチェックボックスをチェックするため にconsole.log(model.menu_code $を{}); </ C:forEachの> // 、JSTL JSP標準ライブラリを使用するパッケージは、インポートする必要があるかもしれない // リサイクルプロップmenu_codeと同様foreachループメソッド // バインドには、入力方法のチェック
上記<C:forEachの>反復的ラベルは、コレクション型の複数を受信します。
結合方法をフックするために、そのサイクルID、入力ボックス。
以下は、完全なコードのjsであります
<スクリプト> $(関数(){ <C:のforeach VAR = "モデル"商品= "$ {maps.menuData}" varStatus = "varStatusName"> VARのコード= $( "#$ {model.menu_code}")。小道具(、 "チェックする" 真); // 给复选框打勾 はconsole.log($ {model.menu_code}); </ C:forEachの> }); layui.use([ "jqueryの"、 "アップロード"、 "フォーム"、 "層"、 "要素"]、関数(){ VAR $ = layui。$、 要素 = layui.element、= Layui.upload、 形式 = layui.form; // カスタム検証規則は form.verify({ nikename:関数(値){ IF(value.length <5 ){ リターン 'ニックネームああ文字少なくとも5を有します' ; } } 、時間:[ / ^ [0-9_ \ u4e00- \ \\ u9fa5・S] + $ / '桁数だけ時間の] }); / * form.on( 'SELECT(のroleName)'、機能(データ){ VARグレードdata.valueを=; VAR =のdocument.getElementByIdコード( "role_code")。 code.value =グレード。 !/ *にconsole.log(data.elem); //!選択し、元のDOMオブジェクトを取得* / にconsole.log(data.value); //選択された値を取得 / *にconsole.log! (data.othis); //取得DOMオブジェクト美化* /! });
ノートはrole_code値バインディングにあるドロップダウンボックスのroleName、チェック監視することである
* / // 提出することを聞いて form.on(「提出(アド) 」、機能(データ){ // すべての入力タグを取得 するvar入力= document.getElementsByTagName( "入力" ); VAR STR = "" ; のために(VAR私は= 0; I <input.Length; I ++ ) { VaRの OBJ =INPUT [I]; // チェックボックスがチェックされたか否かを判断する IF(obj.type == "チェックボックス" && obj.checked) { VARのコード= obj.value; // チェックボックスの値が取得 STRを= STR +コード+ " " ; } } にconsole.log(STR); VAR role_code = $( '#1 role_code' ).val()は、 VAR role_menu = { ROLE_ID:role_codeは、 menu_id:STRを }; $アヤックス({ URL:"/ CMS / Role_Menu / AddRole_Menu"、 タイプ: "POST" 、 データ:role_menu、 成功:機能(RES){ IF(RES == 'trueに' ){ layer.alert( "成功を高める"、アイコン{:} 6、機能(){ // 取得枠インデックス window.parent.location.reload(); VARの指数= parent.layer.getFrameIndex(window.name); // 閉じる現在のフレーム parent.layer.close(インデックス); window.location.reload(); }); } 他{ layer.msg( '添加失败'、{アイコン:6 })。 } } })。 リターン はfalse ; }); }); </ SCRIPT>
使用すると、すべての入力を取得し、ボックスで選択した方法は、背景値に送られ、使用してスクリーニング