jquery判断checkbox是否被选中以及改变checkbox状态
[ 2016/10/28, JavaScript , 2822阅, 0评 ]

工作需要判断“记住我”是否被选中,以及得到对应的值;查阅相关资料,总结记录如下:

<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<input type="checkbox" id="test">
<input type="button" id="fuzhi" value="赋值测试">
<input type="button" id="tijiao" value="提交测试">
<script>
$(function(){
	//jquery赋值checked的几种写法
    $('#fuzhi').click(function(){
		//所有的jquery版本都可以这样赋值
		//$("#test").attr("checked","checked");
		$("#test").attr("checked",true);
		
		//jquery1.6+:prop的几种赋值方法
		//$("#test").prop("checked",true);
		//$("#test").prop({checked:true});
		//$("#test").prop("checked",function(){
			//return true;//true或false
		//});
		//$("#test").prop("checked","checked");
    });
	//jquery判断checked的三种方法
    $('#tijiao').click(function(){
		//alert( $('#test').attr('checked') );//jquery1.6+:checked/undefined而jquery1.5-:true/false
		//alert( $('#test').prop("checked") );//jquery1.6+:true/false
		alert( $('#test').is(':checked') );//所有jquery版本:true/false
    });
})
</script>

还可以使用下面这种方法模拟:

<a id="rememberme" class="yes"></a>
<input type="button" id="button" value="提交">
<script>
$(function() {
	$('#rememberme').click(function() {
		if( $(this).attr("class") =='yes' ){
			$("#rememberme").attr("class","no");
		}
		else if( $(this).attr("class") =='no' ){
			$("#rememberme").attr("class","yes");
		}
	});
	$('#button').click(function() {
		if($('#rememberme').attr('class') == 'yes'){
			alert('yes');
		}
		else if($('#rememberme').attr('class') == 'no'){
			alert('no');
		}
	});
})
</script>

有朋自远方来...评论一下呗O(∩_∩)O