`
lily_better
  • 浏览: 7635 次
文章分类
社区版块
存档分类
最新评论

jquery-checkbox选择

 
阅读更多
<script type="text/javascript">
$(document).ready(function() {

//全选按钮
$("#ckall").click(function(){
$('[name=newsletter]:checkbox').attr('checked',true);
});
//全不选按钮
$("#ckno").click(function(){
$('[name=newsletter]:checkbox').attr('checked',false);
});
//反选按钮
$("#ckrev").click(function(){
$('[name=newsletter]:checkbox').each(function(){
this.checked = !this.checked;
});
});

//全选/全不选复选框
$("#checkall").click(function(){
if(this.checked){
$('[name=newsletter]:checkbox').attr('checked',true);
}else{
$('[name=newsletter]:checkbox').attr('checked',false);
}
});
//点击此按钮,弹出对话框显示已选信息。用到了each函数
$("#send").click(function(){
var str = "";
$("input[name='newsletter']:checked").each(function() {
str += $(this).val()+"; ";

});
alert("已选择的复选框信息:"+str);
});
 
  });
  </script>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics