js 单选框点击选中和取消

首先是html代码,一个单选框 一个 隐藏域,便于给后台传递数据.
<input type="checkbox" calss="span4"  name="randomPassword" id="randomPassword"  value="" onclick="changeBox(this)"/>
<input type="hidden" name="isRandomPassword" id="isRandomPassword" value=""/>
接下来是 js代码.
        /**
	*单选框点击事件
	*/
	function changeBox(obj) {
		var box= $(obj);
		if(obj.checked == true) {
			box.parent().parent().next().val("Y");
			box.parent("span").addClass("checked");
		} else {
			box.parent("span").removeClass("checked");
			box.parent().parent().next().val("N");		
                }
	}

$(function(){
		var randomPasswordBox= $("#randomPassword");
		var randomPasswordBoxClients = randomPasswordBox.val();
		if(randomPasswordBoxClients == 'Y') {
			randomPasswordBox.parent("span").addClass("checked");
			randomPasswordBox.attr("checked",true);
		}else {
			$("#randomPassword").val("N");
			$("#isRandomPassword").val("N");
		}
	})


猜你喜欢

转载自blog.csdn.net/cyberHerman/article/details/80063513