jqueryは、チェックボックスの選択された値を取得します。
3258 ワード
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<mce:style><!--
--></mce:style><style mce_bogus="1">
</style>
<title>JS </title>
</head>
<body>
<input type="checkbox" name="test" value="0" />0
<input type="checkbox" name="test" value="1" />1
<input type="checkbox" name="test" value="2" />2
<input type="checkbox" name="test" value="3" />3
<input type="checkbox" name="test" value="4" />4
<input type="checkbox" name="test" value="5" />5
<input type="checkbox" name="test" value="6" />6
<input type="checkbox" name="test" value="7" />7
<input type="button" onclick="chk()" value=" " />
</body>
</html
<mce:script src="jquery.js" mce_src="jquery.js"></mce:script><!-- jquery.js ， jquery -->
<mce:script type="text/javascript"><!--
function chk(){
var obj=document.getElementsByName('test'); // name="'test'" ，
// ，
var s='';
for(var i=0; i<obj.length; i++){
if(obj[i].checked) s+=obj[i].value+','; // ， value s
}
// s
alert(s==''?' ！':s);
}
function jqchk(){ //jquery
var chk_value =[];
$('input[name="test"]:checked').each(function(){
chk_value.push($(this).val());
});
alert(chk_value.length==0 ?' ！':chk_value);
}
// --></mce:script>
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"/r/n";
//alert($(this).val());
})
alert(str);
})
})