jQueryフォームのラジオボタンと複数選択ボタンの値を取得
1262 ワード
一、ラジオボタンの値を取得する
HTMLページコードは以下の通りです.
jqコードは以下の通りです.
二、フォームのチェックボックスの値を取得する
方法1:選択した配列を取得し、配列を巡り、チェックボックスで選択した値を取得します.コードは次のとおりです.
HTMLコードは次のとおりです.
jqコードは以下の通りです.
方式二:jQueryのeachメソッドを使用し、このメソッドは比較的簡潔で、このメソッドを推奨し、コードは以下の通りである.
以上のように、匿名関数では$(this)を使用します.val()選択したチェックボックスの値を取得します.
HTMLページコードは以下の通りです.
:
jqコードは以下の通りです.
var sex = $("input:radio[name='sex']:checked").val();
二、フォームのチェックボックスの値を取得する
方法1:選択した配列を取得し、配列を巡り、チェックボックスで選択した値を取得します.コードは次のとおりです.
HTMLコードは次のとおりです.
:
jqコードは以下の通りです.
var likes = $("input[type='checkbox']:checked");
var like = new Array();
for(i = 0; i < likes.length; i++){
if(likes[i].checked){
like[i] = likes[i].value;
}
}
alert(like[0]);
方式二:jQueryのeachメソッドを使用し、このメソッドは比較的簡潔で、このメソッドを推奨し、コードは以下の通りである.
var likes = $("input[type='checkbox']:checked").each(function(){
alert($(this).val()) ;
});
以上のように、匿名関数では$(this)を使用します.val()選択したチェックボックスの値を取得します.