jQueryでチェックボックスの値を取得する
1.htmlコード
<!Doctype html>
<head/>
<body >
<div>
<h2>checkbox test</h2>
<div>
<input type="checkbox" name="city" value="tokyo" />東京
<input type="checkbox" name="city" value="fukuoka" />福岡
<input type="checkbox" name="city" value="saboro" />札幌
<input type="checkbox" name="city" value="oosaka" />大阪
<input type="checkbox" name="city" value="kawasaki" />川崎
<input type="button" onclick="selectCity()" value="選択" />
</div>
</body>
</html>
2.javascriptでcheckboxの値を取得
function selectCity(){
var obj=document.getElementsByName('city’);
var str = ";
for(var i=0; i<obj.length; i++){
if(obj[i].checked) str+=obj[i].value+’ ';
}
alert(str);
}
3.jQueryでcheckboxの値を取得
function selectCity(){
var value=[];
$('input[name="city"]:checked’).each(function(){
value.push($(this).val());
});
alert(value);
}