用JQuery实现全选与取消的两种简单方法_jquery

用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。

复制代码 代码如下:

<mce:script type="text/javascript"><!--

$(function() { 
    $("#checkall").click(function() { 
        $("input[@name='checkname[]']").each(function() { 
            $(this).attr("checked", true);
        });
    });
    $("#delcheckall").click(function() { 
        $("input[@name='checkname[]']").each(function() { 
            $(this).attr("checked", false);
        });
    });
});
// --></mce:script>

<input type='checkbox' id='id1' name='checkname[]' value='1' />value1 
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3

<input type="button" id="checkall" name="checkall" value="全选" />
<input type="button" id="delcheckall" name="delcheckall" value="取消全选" />

更加简单的一种:

复制代码 代码如下:

$("#checkall").click(
  function(){
    if(this.checked){
        $("input[name='checkname']").attr('checked', true)
    }else{
        $("input[name='checkname']").attr('checked', false)
    }
  }
);

时间: 2024-10-26 11:27:33

用JQuery实现全选与取消的两种简单方法_jquery的相关文章

用JQuery实现全选与取消的两种简单方法

 本篇文章主要是对JQuery实现全选与取消的两种简单方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器.  代码如下: <mce:script type="text/javascript"><!--   $(function() {       $("#checkall").click(function() {           $("input[@na

JQuery判断HTML元素是否存在的两种解决方法_jquery

在工作中遇到这么一种情况,页面部分HTML元素是通过服务端语言根据不同情况控制显示不同内容的,然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯,而有些情况不需要,那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分,毕竟这样可以减轻服务器的负担,废话一大堆,转入正题: 其实解决JQuery判断元素是否存在的问题,方法很简单: if($("#abc").length >0) { ... } if($("#abc").html()

jquery ajax提交表单数据的两种实现方法_jquery

之前实现AJAX使用Javascript脚本一个一个敲出来的,很繁琐.学习Jquery之后就感觉实现AJAX并不是那么的困难了,当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery.Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值).在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练"打字水平"的话用第一种方式提交也未尝不可,相信开发者都不想费白劲吧!

Jquery获取复选框被选中值的简单方法_jquery

复制代码 代码如下: <input type="button" id="btn5" value="获得选中的所有值"><input type="text" name="dd" id="dd" size="50"  />$("#btn5").click(function(){          var str="&q

jquery如何改变html标签的样式(两种实现方法)_jquery

对于如何修饰html标签,这对于js来说,可以通过setAttribute来设置标签的属性,通过getAttribute来得到标签的属性,而在jq中当然也可以实现类似的功能,方法上肯定比js要简化多了. 一 通过修改标签属性来改变它的样式 js设置和获取标签的属性 复制代码 代码如下: <script type="text/javascript"> window.onload = function () { var attr = document.getElementByI

Jquery获取复选框被选中值的简单方法

这篇文章介绍了Jquery获取复选框被选中值的简单方法,有需要的朋友可以参考一下   复制代码 代码如下: <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50"  /> $("#btn5"

jquery checkbox全选,取消操作

jQuery的选择器确实很强大,比起自己实现能节约不少代码,下面我们来看看checkbox全选,取消代码,有需要的朋友可以参考一下. 判断checkbox是否被选中 var chkBind = $("#chkBind").attr('checked'); checkbox全选,取消 $("#chkSelectAll").click(function() {     var flag = $(this).attr("checked");     $

jQuery实现复选框批量选择与反选的方法_jquery

本文实例讲述了jQuery实现复选框批量选择与反选的方法.分享给大家供大家参考.具体实现方法如下: function selectAll(){ $('input[type|=checkbox]').attr('checked','checked'); } function cancelAll(){ $('input[type|=checkbox]').removeAttr('checked'); } 希望本文所述对大家的jQuery程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问

BootStrap iCheck插件全选与获取value值的解决方法_jquery

在使用jQuery iCheck 插件的时候遇到了一个问题,就是当我们使用普通的js全选功能无效了. $("#checkall").click( function(){ if(this.checked){ $("input[name='checkname']").each(function(){this.checked=true;}); }else{ $("input[name='checkname']").each(function(){thi