精华内容
下载资源
问答
  • js全选 反选

    2016-06-20 15:09:00
    // 全选 反选 allChoose: function (o) { var obj = $.extend(true, { id: "#id", name: "name", allSelection: true, ...
     // 全选 反选
            allChoose: function (o) {
                var obj = $.extend(true, {
                    id: "#id",
                    name: "name",
                    allSelection: true,
                    invertSelection: true
                }, o);
                var $id;
                if (obj.id.substring(1) === "#") {
                    $id = obj.id;
                } else {
                    $id = "#" + obj.id;
                }
                if (obj.invertSelection) {
                    // 全选
                    $($id).on("click", function () {
                        var checked = $(this).is(":checked");
                        $("input[name='" + obj.name + "']").prop("checked", checked);
                    });
                }
                if (obj.invertSelection) {
                    // 反选
                    $("input[name='" + obj.name + "']").on("click", function () {
                        var count = $("input[name='" + obj.name + "']").size();
                        var checkedCount = $("input[name='" + obj.name + "']:checked").size();
                        if (count === checkedCount) {
                            $($id).prop("checked", "checked");
                        } else {
                            $($id).removeProp("checked");
                        }
                    });
                }
            }

     

    转载于:https://www.cnblogs.com/liuxiaoji/p/5600586.html

    展开全文
  • JS全选反选

    2019-03-30 16:53:51
    效果图 方法一—————————————————————————————————————————————————————— <script type="text/... //全选框选中时,子项选中 $("#<%=checkAll...

    效果图

    方法一——————————————————————————————————————————————————————

    <script type="text/javascript">
            $(document).ready(function () {
                //全选框选中时,子项选中
                $("#<%=checkAll.ClientID%>").click(function () {
                    $(":checkbox[id!='<%=checkAll.ClientID%>']").prop("checked", $("#<%=checkAll.ClientID%>").prop("checked"));
                });
                //所有子项选中时,全选框选中
                $(":checkbox[id!='<%=checkAll.ClientID%>']").click(function () {
                    var length = $(":checkbox[id!='<%=checkAll.ClientID%>']").length;
                    var checklength = $(":checkbox[id!='<%=checkAll.ClientID%>']:checked").length;
                    if (length == checklength) {
                        $("#<%=checkAll.ClientID%>").prop("checked", true);
                    }
                    else {
                        $("#<%=checkAll.ClientID%>").prop("checked", false);
                    }
                })

                //点击全选按钮
                $("#selectAll").click(function () {
                    $(":checkbox").prop("checked", true)
                })
                //点击全不选按钮
                $("#unSelect").click(function () {
                    $(":checkbox").prop("checked", false)
                })

                //点击反选按钮
                $("#reverse").click(function () {
                    //判断所有的按钮是否已经全选
                    if ($(":checkbox[id!='checkAll']").length == $(":checkbox[ID!='checkAll']:checked").length) {
                        $(":checkbox").prop("checked", false);
                    } else {
                        $(".mylist").find(":checkbox").each(function () {
                            if ($(this).prop("checked")) {
                                $(this).prop("checked", false);
                                $(":checkbox[id!='<%=checkAll.ClientID%>']").length == $(":checkbox[id!='<%=checkAll.ClientID%>']:checked").length ? $("#<%=checkAll.ClientID%>").prop("checked", true) : $("#<%=checkAll.ClientID%>").prop("checked", false);
                            }
                            else {
                                $(this).prop("checked", true);
                                $(":checkbox[id!='<%=checkAll.ClientID%>']").length == $(":checkbox[id!='<%=checkAll.ClientID%>']:checked").length ? $("#<%=checkAll.ClientID%>").prop("checked", true) : $("#<%=checkAll.ClientID%>").prop("checked", false);
                            }
                        })
                    }
                 })

            })
    </script> 

    ———————————————————————————————————————————————————————

    方法二(JQuery较简单,首先引入JQuery)

    <script src="jquery.min.js"></script>
        <script>
            $(document).ready(function () {
                $("#CheckedAll").click(function () { //全选
                    $('[name=items]:checkbox').prop("checked",true);
                })
                $("#CheckedNo").click(function () { //全不选
                    $('[name=items]:checkbox').prop("checked",false);
                })
                $("#CheckedRev").click(function () { //反选
                    $('[name=items]:checkbox').each(function () {
                        // $(this).prop("checked", !$(this).prop("checked")); //JQuery的方法
                        this.checked = !this.checked;  //Javascript的Dom方法
                    })
                })
            })
        </script>

     <form id="form1" runat="server">
            <input type="checkbox" id="Label1" name="items" value="足球" /><label for="Label1">足球</label>
            <input type="checkbox" name="items" value="乒乓球" />乒乓球
            <input type="checkbox" name="items" value="羽毛球" />羽毛球 <br /> 
            <input type="button" id="CheckedAll" value="全选" />
            <input type="button" id="CheckedNo" value="全不选" />
            <input type="button" id="CheckedRev" value="反选" /><br /> 
        </form>

    展开全文
  • js全选反选

    2017-09-15 16:53:03
    html> html lang="en" xmlns="http://www.w3.org/1999/html"> head> meta charset="UTF-8"> title>Titletitle> head> br> input type="radio" id="y" onclick="yi()">全选br> input type="checkbox" name=
    <!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <br>
    
    <input type="radio"  id="y"   οnclick="yi()">全选</br>
    <input type="checkbox" name="e" >1</br>
    <input type="checkbox" name="e" >2</br>i
    <input type="checkbox" name="e" >3</br>
    <input type="checkbox" name="e" >4</br>
    <input type="checkbox" name="e" >5</br>
    <input type="checkbox" name="e" >6</br>
    <input type="radio"  id="c" οnclick="er()">反选
    
    <script type="text/javascript">
        function yi() {
           var f= document.getElementById('y').checked
            var g= document.getElementsByName('e')
            for(i=0;i<g.length;i++){
            g[i].checked=f
            }
        }
        function er(){
            var f=document.getElementsByName('e')
            var  h=document.getElementById('y').checked
            for(i=0;i<f.length;i++){
                f[i].checked =! f[i].checked
                h.checked =! h.checked
    
            }
    
        }
    </script>
    </body>
    </html>
    展开全文
  • JS 全选反选

    2017-12-21 20:34:00
    //全选 function quanxuan(a) { var cbl = document.getElementById(a); var input = cbl.getElementsByTagName("input"); for (var i = 0; i ; i++) { if (input[i].checked == false) { input[i].checked...

    <script type="text/javascript">
    function TiJiao() {
    if ($("#Texx_Name").val() == "") {
    alert('请输入学校名称');
    $("#Texx_Name").focus();
    return false;
    }
    if ($("#Texx_DiQuDaiMa").val() == "") {
    alert('请选择负责管辖本报名点的市州县');
    $("#Texx_DiQuDaiMa").focus();
    return false;
    }
    if ($("#Texx_KaoDianDaiMa").val() == "") {
    alert('请输入学校编号');
    $("#Texx_KaoDianTongXunDiZhi").focus();
    return false;
    }

    $("#Button").hide();
    $("#Tips").show();
    }
     

    //全选
    function quanxuan(a) {
    var cbl = document.getElementById(a);
    var input = cbl.getElementsByTagName("input");
    for (var i = 0; i < input.length; i++) {
    if (input[i].checked == false) {
    input[i].checked = true;
    }
    }
    }
    //反选
    function fanxuan(a) {
    var cbl = document.getElementById(a);
    var input = cbl.getElementsByTagName("input");
    for (var i = 0; i < input.length; i++) {
    if (input[i].checked == false) {
    input[i].checked = true;
    }
    else if(input[i].checked == true){
    input[i].checked = false;
    }
    }
    }

    </script>

    转载于:https://www.cnblogs.com/zgjin/p/8082358.html

    展开全文
  • js全选反选效果(原创)

    2020-04-28 10:48:53
    常用代码 原生js全选反选效果(原创) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
  • 选项框_js全选反选

    2020-05-20 11:16:53
    选项框_js全选反选 效果图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
  • js 全选反选

    2015-10-14 17:08:51
    //#region 全选 function allPitch(all, item) {  $(all).click(function () {  var v = $(all).attr("checked");  $(item).attr("checked", v);  })   } //#endregion
  • js 全选 反选

    2015-02-02 12:43:00
    1、全选 1 function selectAll(form){ 2 for (var i = 0; i < form.elements.length; i++) { 3 if (form.elements[i].type=="checkbox") { 4 try{ 5 $(fo...
  • JS全选反选功能

    2019-04-28 11:39:00
    总选框:<input type="checkbox" class="all" name="all"> 子选框: <input class='sel' type='checkbox' class="sel" name='test' value=""> ... * 全选 反选 */ ...
  • js 全选反选取消, ASP.NET中url传递中文的解决方案, C#中使用反射显示程序集的所有类型和属性, js怎么取表格中的某一行的值, SQL Server 查询分析器快捷键集合, URLRewrite能够对URL进行重写,失败的原因
  •   &lt;div class="right_nk_box"&gt; &lt;div class="right_bg_box"...JS 全选 反选及 判断是否是全选或全不选&lt;/h2&gt;&lt;/div&gt; &
  • JS 全选反选功能

    2015-04-22 18:47:45
    全选按钮:选择"); 选择项: //全选反选 $("#cheSelectAll").click(function() { $("input[name='chkItem']").prop("checked", $(this).is(":checked")); });
  • //全选 反选 不选可用type=button <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text...
  • 原生js全选反选实现

    2021-01-24 12:58:14
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...全选.
  • 操作checkbox,全选反选 1 //全选 2 function checkAll() { 3 $('input[name="TheID"]').attr("checked", "checked"); 4 } 5 //反选 6 function uncheckAll() { 7 $('in...
  • js全选反选按钮实现

    2019-09-30 01:56:45
    全选 全不选 反选 </p> var all =document.getElementById('all'); var notall=document.getElementById('notall'); var unall=document.getElementById('unall'); var inputs =document.getElementsByTagName...
  • 关于js 全选 反选

    2016-10-26 12:33:00
    prop 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 attr 对于HTML元素我们自己自定义的DOM...$("#selectAll").click(function () { //全选 if ($(this).is(':checked')) { $(".resel...
  • js 全选反选和全不选

    2019-09-28 15:29:47
    <!... <title>Document ...获取表单里的元素可以使用getElementsByName()方法,该方法返回的也是元素对象集合。... 反选'>   转载于:https://www.cnblogs.com/wysAC666/p/9889195.html
  • 反选" onclick="UnselectAll(this)" type="checkbox" name="反选">反选(随便放在哪里)   后台: protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)  {  //if(e....
  • 全选反选按钮 window.onload=function(){ /* *1 #checkedAllBtn * 2 #checkedBoBtn * 3 #checkedRevBtn * 4 #sendBtn * 5 #checkedAllBox * 6 #items * */ ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,513
精华内容 605
关键字:

js全选反选