jquery复选框 选中事件 及其判断是否被选中

今天采用Jquery读取 HTML复选框 做了 显示和不显示密码的效果 遇到了一个小小的问题

1 、$("#showPassword").attr("checked")

居然提示undefied
查了资料后 才发现 需要改为

$("#showPassword").prop("checked")

2、 是否被选中事件为 change事件

 

$("#showPassword").change(function(){
	if($("#showPassword").prop("checked"))
	{
		$("#password").attr("type","text");
	}else
	{
		$("#password").attr("type","password");
	}
}	
);

　　或者这样

$("#showPassword").change(function(){
	if($("#showPassword").is(":checked"))
	{
		$("#password").attr("type","text");
	}else
	{
		$("#password").attr("type","password");
	}
}	
);