<html>
<head>
<script type="text/javascript" src="jquery-1.8.2.min.js"> </script>
<title>获取对象宽度</title>
<script type="text/javascript">
//判断是否选中
$(function(){
$(‘#button1‘).bind(‘click‘,function(){
var isChecked=$(‘#Checkbox1‘).attr(‘checked‘);
alert(isChecked);
if(isChecked==‘checked‘){
alert(‘选中了‘);
}
else if(typeof(isChecked)==undefined){
alert(‘未选中‘);
}/*
else if(typeof(isChecked)==‘undefined‘){
alert(‘未选中‘);
}*/
});
});
</script>
<script type="text/javascript">
//选中
$(function(){
$(‘#button2‘).bind(‘click‘,function(){
$(‘#Checkbox2‘).attr(‘checked‘,true);
});
//取消
$(‘#button3‘).bind(‘click‘,function(){
$(‘#Checkbox2‘).attr(‘checked‘,false);
});
});
</script>
<script type="text/javascript">
$(function(){
$(‘#Checkbox2‘).bind(‘click‘,function(){
if($(this).attr(‘checked‘)==‘checked‘){
$("input[name=‘Checkboxone‘]").each(function(){
$(this).attr(‘checked‘,‘checked‘);
//$(this).attr(‘checked‘,true); 效果一样?
});
}
});
$(‘#Checkbox2‘).bind(‘click‘,function(){
if($(this).attr(‘checked‘)==undefined){
$("input[name=‘Checkboxone‘]").each(function(){
$(this).attr(‘checked‘,false);
});
}
});
});
</script>
<script type="text/javascript">
//获取值
$(function(){
$(‘#button4‘).bind(‘click‘,function(){
var value=$(‘#Checkbox7‘).attr(‘value‘);
alert(value);
});
});
</script>
<script type="text/javascript">
//获取值用,分隔
$(function(){
$(‘#button5‘).bind(‘click‘,function(){
var str=‘‘;
var value=$("input[name=‘Checkbox8‘]").each(function(){
if($(this).attr("checked")==‘checked‘){
str += $(this).attr(‘value‘)+‘,‘;
}
});
var index=str.lastIndexOf(‘,‘);
str=str.substring(0,index);
alert(str);
});
});
</script>
</head>
<body>
<p>1.jquery判断checkbox是否被选中</p><input id="button1" type="button" value="button1"/>
<input type="Checkbox" id="Checkbox1" name="Checkbox1" value="Checkbox1"/>Checkbox1
<p>注意:若选中，则打印出的是chenked,没选中则为undefined</p>
<hr/>
<p>2.jquery选中取消一个checkbox</p><input id="button2" type="button" value="选中"/><input id="button3" type="button" value="取消"/>
<input type="Checkbox" id="Checkbox2" name="Checkbox2" value="Checkbox2"/>Checkbox2
<hr/>
<p>3.jquery全选/全取消</p>
<input type="Checkbox" id="Checkbox3" name="Checkboxall" value="Checkbox3"/>全选
<input type="Checkbox" id="Checkbox4" name="Checkboxone" value="Checkbox4"/>Checkbox4
<input type="Checkbox" id="Checkbox5" name="Checkboxone" value="Checkbox5"/>Checkbox5
<input type="Checkbox" id="Checkbox6" name="Checkboxone" value="Checkbox6"/>Checkbox6
<hr/>
<p>4.jquery获取checkbox的值</p><input id="button4" type="button" value="获取"/>
<input type="Checkbox" id="Checkbox7" name="Checkbox7" value="Checkbox7"/>Checkbox7
<hr/>
<p>5.jquery获取选中的checkbox的值组成字符串</p><input id="button5" type="button" value="获取"/>
<input type="Checkbox" id="Checkbox8" name="Checkbox8" value="Checkbox7"/>Checkbox8
<input type="Checkbox" id="Checkbox9" name="Checkbox8" value="Checkbox8"/>Checkbox8
<input type="Checkbox" id="Checkbox10" name="Checkbox8" value="Checkbox9"/>Checkbox8
<input type="Checkbox" id="Checkbox11"name="Checkbox8" value="Checkbox10"/>Checkbox8
</body>
</html>
