如何使用jQuery选中/取消选中复选框

最新推荐文章于 2024-04-25 11:38:14 发布

cyan20115

最新推荐文章于 2024-04-25 11:38:14 发布

阅读量3.7k

点赞数

文章标签： javascript ViewUI

在jQuery中，您可以使用attr（）函数动态地选中或取消选中复选框。例如，

一个简单的复选框组件。

<input type="checkbox" name="checkme">Check Me</input>

1.显示是否选中此复选框（返回true或false）。

$('input:checkbox[name=checkme]').is(':checked');

2.选中一个复选框。

$('input:checkbox[name=checkme]').attr('checked',true);

3.取消选中一个复选框。

$('input:checkbox[name=checkme]').attr('checked',false);

jQuery选中/未选中复选框示例

<html>
<head>
<title>jQuery check / uncheck a check box example</title>
 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

</head>

<body>

<h1>jQuery check / uncheck a check box example</h1>

<script type="text/javascript">

  $(document).ready(function(){

    $("#isCheck").click(function () {
		
	alert($('input:checkbox[name=checkme]').is(':checked'));
			
    });
	
    $("#checkIt").click(function () {
		
	$('input:checkbox[name=checkme]').attr('checked',true);
			
    });
	
    $("#UnCheckIt").click(function () {
		
	$('input:checkbox[name=checkme]').attr('checked',false);
			
    });	
		
  });
</script>
</head><body>

<input type="checkbox" name="checkme">Check Me</input>

<br/>
<br/>
<br/>

<input type='button' value='Is Check' id='isCheck'>
<input type='button' value='Check It' id='checkIt'>
<input type='button' value='UnCheck It' id='UnCheckIt'>

</body>
</html>

试试演示