JQ checkbox勾选显示隐藏问题

crazyday7 2015-02-26 05:37:57

勾选checkbox有弹出视窗，但是显示隐藏没反应....



<input type="checkbox" name="check1" id="check1" value="1" />

<input type="checkbox" name="check2" id="check2" value="2" />



$(function(){

	getcheckbox();

});

function getcheckbox(){	

	var check1,check2;



 	$('#check1').click(function(){

		 var check1 = $('input[name="check1"]:checked').val();

                 alert(check1);   //有跳出勾选的值

	});   

 	$('#check2').click(function(){

		 var check2 = $('input[name="check2"]:checked').val();

                 alert(check2);    //有跳出勾选的值

	}); 

    if (check1== ''){

        $('#test').hide();

    }

    else{

        $('#test').show();

    }

	

    if (check2== ''){

        $('#test').hide();

    }

    else{

        $('#test').show();

    }	

}

...全文

454 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

slwsss 2015-02-26

打赏
举报

显示隐藏的控制要写进click事件里

天际的海浪 2015-02-26

打赏
举报


<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#test1,#test2 { 	display:none; }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript">
$(function(){
	getcheckbox();
});
function getcheckbox(){	
 	$('#check1').click(function(){
		var check = this.checked;
		if (!check){
	        $('#test1').hide();
		}
		else{
			$('#test1').show();
		}
	});   
 	$('#check2').click(function(){
		var check = this.checked;
		if (!check){
	        $('#test2').hide();
		}
		else{
			$('#test2').show();
		}
	}); 
}
</script>
</head>
<body>
<input type="checkbox" name="check1" id="check1" value="1" />
<input type="checkbox" name="check2" id="check2" value="2" />
<div id="test1">test1</div>
<div id="test2">test2</div>
</body>
</html>