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

    2016-09-01 16:27:06
    //全选反选 : 全选反选按钮点击:onclick="checked2(this)" temp:onclick="checkedIstrue(this)"  function checked2(obj){ var course=$("input[type=checkbox]"); if(obj.checked==true){ for(var i=1;i ...

    //全选反选 :

    全选反选按钮点击:οnclick="checked2(this)"  

    temp:οnclick="checkedIstrue(this)" 

    function checked2(obj){
    var course=$("input[type=checkbox]");
    if(obj.checked==true){
    for(var i=1;i<course.length;i++){
    course[i].checked=true;
    }
    }else{
    for(var i=1;i<course.length;i++){
    course[i].checked=false;
    }
    }
    }


    function checkedIstrue(obj){
    var isChecked=false;
    var box=$("input[name='dataList_selector_chk11']").length;
    var arrChk=$("input[name='dataList_selector_chk11']:checked").length;
    var all=document.getElementById("dataList_selector");
    if(box==arrChk){
    isChecked=true;
    }


    if(isChecked==true){
    all.checked=true;
    /* $("input[name=dataList_selector_all]").attr("checked",true); */
    }else{
    all.checked=false;
    /* $("input[name=dataList_selector_all]").attr("checked",false); */
    }

    }
    展开全文
  • web作业选择全选反选

    2021-01-03 13:36:11
    web作业选择全选反选
  • 主要介绍了AngularJS实现全选反选功能,这里用到AngularJS四大特性之二----双向数据绑定,对angularjs实现全选反选相关知识感兴趣的朋友一起学习吧
  • table全选反选

    2017-03-23 11:02:11
    jQuery表格行全选反选插件
  • html全选反选

    2017-12-06 15:29:18
    很简单的html全选反选,适合刚开始学习html的同学,非常实用。
  • Javascript实现全选反选

    2017-08-11 19:41:06
    Javascript实现全选反选 Javascript绑定事件
  • ListView的全选反选

    2016-07-25 15:47:16
    listview中的全选反选。使用as环境开发,是本人的第一个as程序,不得不传。item使用view+checkBox实现全选反选
  • jquery checkbox全选反选效果代码,需要的朋友可以参考下。
  • [Java教程]js实现全选反选0 2017-04-04 00:00:12在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考。这里呢就先贴上我的html和css代码 快递 收件人 ...

    [Java教程]js实现全选反选

    0 2017-04-04 00:00:12

    在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考。

    这里呢就先贴上我的html和css代码

    快递 收件人 电话
    顺丰 张大大 186*****897
    韵达 张全蛋 186*****897
    圆通 韩非 186*****897
    中国邮政 卫庄 186*****897

    这是html部分的,下面呢,我附上css部分的代码:* { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; border-spacing: 0; border: 1px solid #c0c0c0; width: 300px; } th, td { border: 1px solid #d0d0d0; color: #404060; padding: 10px; } th { background-color:rgb(51, 199, 18); font: bold 16px "微软雅黑"; color: #fff; } td { font: 14px "微软雅黑"; } tbody tr { background-color: #f0f0f0; } tbody tr:hover { cursor: pointer; background-color: #fafafa; }

    展示出来的布局是这样的:

    bc91bb04e6e9c61e24c974e4440db8f2.gif

    好了,下面我们就开始讲重点把,做之前的呢,一定要理清思路,只有理清思路的才能好下手做啊

    我们要通过点击第一个input标签来改变所有input标签的选择状态,

    1.首先要获取到控制总选择状态的input标签,我们命名为inputAll

    2.然后把每个input标签存到一个数组中去,我们命名为icheck

    3.点击inputAll来改变状态,并且让icheck里面的input能跟着他的状态来变化

    代码如下:window.onload = function() { //先获得控制全选反选的input标签 var inputAll = document.getElementById("theadInp"); //获得tbody var tbody = document.getElementById("tbody"); //获得天tbody里面的子元素 var icheck = tbody.getElementsByTagName("input"); console.log(icheck); //给控制全选反选的input标签绑定事件 inputAll.onclick = function() { //遍历tbody里面的input标签,把inputAll的状态赋值给icheck for(var i = 0; i < icheck.length; i++) { icheck[i].checked = this.checked; } }

    上面都有写注释,大家肯定都能看的懂的,也没难点,就不需要解释了。

    看下面:

    bc91bb04e6e9c61e24c974e4440db8f2.gif

    以为这样就结束了事了吗?然而并没有。里面还是有个小问题的,就是当下面的input有一个以上没选中的时候,那么inputAll的状态也必须要跟着变化,总不能只让人家听他一个人的话吧,这就太不像话了。for(var i = 0; i < icheck.length; i++) { //给每个子元素都绑定事件 icheck[i].onclick = function() { //点击的时候在遍历icheck,看看是否有没选中的 for(var j = 0; j < icheck.length; j++) { //定义一个标志来记录 var flag = true; if(icheck[j].checked == false) { flag = false; } } inputAll.checked=flag; } }

    现在这样才是真的完事了,这样才是真的完美解决了。大家可以自己试试。lz要去减肥去了

    bc91bb04e6e9c61e24c974e4440db8f2.gif

    本文网址:http://www.shaoqun.com/a/305589.html

    *特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:admin@shaoqun.com。

    JS

    0

    展开全文
  • 主要介绍了AngularJS 实现购物车全选反选功能,需要的朋友可以参考下
  • css3动画智能全选反选

    2020-10-22 17:17:34
    css3全选反选,不使用CheckBox,使用div模拟CheckBox,单条信息全部勾选,
  • 全选反选源代码

    2015-04-20 17:28:34
    全选反选源代码
  • 全选 反选

    千次阅读 2019-04-03 21:23:13
    全选

    全选 反选
    在这里插入图片描述
    加减器
    在这里插入图片描述
    在这里插入图片描述
    适配器中的
    holders.subAddView.setNum(list.get(i).getNum());
    网络判断 拦截器
    在这里插入图片描述
    反选
    private void initData(){
    checkBoxAll.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
    // Log.e(“Tag”,“没问题啊!”);
    checkAllOrNot(isChecked);
    }
    });
    /*
    全选
    button.setOnClickListener();*/
    }
    private void checkAllOrNot(boolean isChecked) {
    List<Bean.DataBean> data = shopHomeAdapter.getBean().getData();
    for (int i = 0; i <data.size() ; i++) {
    Bean.DataBean dataBean = data.get(i);
    dataBean.setChecked(isChecked);
    List<Bean.DataBean.ListBean> list = dataBean.getList();
    for (int j=0;j<list.size();j++){
    Bean.DataBean.ListBean listBean = list.get(j);
    listBean.setChecked(isChecked);
    }
    }
    shopHomeAdapter.notifyDataSetChanged();
    sumprice();
    }

    private void sumprice() {
        int price=0;
        int num=0;
        int sum=0;
        int numm=0;
        List<Bean.DataBean> data = shopHomeAdapter.getBean().getData();
        for (int i = 0; i <data.size() ; i++) {
            List<Bean.DataBean.ListBean> list = data.get(i).getList();
            for(int j=0;j<list.size();j++){
                Bean.DataBean.ListBean listBean = list.get(j);
                if (listBean.isChecked()){
                    price = listBean.getPrice();
                    num = listBean.getNum();
                    sum+=price*num;
                    numm+=num;
                }
            }
        }
        sum_tv.setText("总价:"+sum);
        num_tv.setText("数量"+numm);
    
    }
    
    private void initView(View view) {
        recyclerView = view.findViewById(R.id.recycleview);
        checkBoxAll = view.findViewById(R.id.checkboxAll);
        sum_tv = view.findViewById(R.id.sums);
        num_tv = view.findViewById(R.id.nums);
     /*   button=view.findViewById(R.id.button);*/
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getActivity());
        recyclerView.setLayoutManager(linearLayoutManager);
    }
    
    @Override
    public void onShopCar(Object object) {
        //Toast.makeText(getActivity(),object+"",Toast.LENGTH_SHORT).show();
        Bean bean= (Bean) object;
        shopHomeAdapter = new ShopHomeAdapter(getActivity(), bean);
        recyclerView.setAdapter(shopHomeAdapter);
    }
    
    展开全文
  • 静态图通过jquery实现全选反选取消删除功能。
  • 全选反选案例

    2020-11-03 20:27:08
    全选反选案例 1:css样式 2:js代码

    全选反选案例

    1:css样式

    在这里插入图片描述

    在这里插入图片描述

    2:js代码
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下
  • JS简单表格列表全选反选代码,原生JS,点击表头按钮,实现全
  • 全选反选js

    2013-06-27 12:04:40
    全选反选js 代码希望能帮到大家
  • 原生JS表格列表全选反选代码是一款点击表格列表选中,可以单选或者全
  • 最近用vue做了两个项目,都需要实现全选反选的功能,所以想着记录下分享给大家,方便自己或者有需要的朋友们参考讲学习,所以下面这篇文章主要介绍了利用Vue.js实现checkbox的全选反选效果,需要的朋友可以一起来学习...
  • Android 全选反选对话框
  • jquery全选反选

    2012-12-19 23:01:53
    jquery复选框的全选反选等操作
  • 全选反选在数据的批量操作方面还是比较实用的,本文有个不错的示例,主要是当点击全选框时进行全选处理,感兴趣的朋友了解下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,029
精华内容 2,411
关键字:

全选反选