复选框作为按钮 实现全选/不全选

$(function () {
            $("#checkAll").click(function () {
                $(‘input[name="infoids[]"]‘).attr("checked", this.checked);
            });
            var $subBox = $("input[name=‘infoids[]‘]");
            $subBox.click(function () {
                $("#checkAll").attr("checked", $subBox.length === $("input[name=‘infoids[]‘]:checked").length ? true : false);
            });
        });

<table class="datalist">
                    <tr>
                        <td class="rv_td3">用户昵称</td>
                        <td class="rv_td4">评价内容</td>
                        <td class="rv_td5">评价时间</td>
                        <td class="rv_td7">是否显示
                            <input type="checkbox" id="checkAll" name="checkAll" value="1"/>
                        </td>
                    </tr>
                    <volist name="list" id="vo">
                        <tr>
                            <td class="rv_td3">{$vo.nick_name}</td>
                            <td class="rv_td4">{$vo.review_content}</td>
                            <td class="rv_td5">{$vo.review_time}</td>
                            <td class="rv_td7">
                                <if condition="($vo.appear eq 1)">
                                    <input type="checkbox" id="infoids" name="infoids[]" value="{$vo.id}" checked/>
                                    <else/>
                                    <input type="checkbox" id="infoids" name="infoids[]" value="{$vo.id}"/>
                                </if>
                            </td>
                        </tr>
                    </volist>
                </table>

复选框作为按钮 实现全选/不全选

时间: 2024-08-07 17:00:51

复选框作为按钮 实现全选/不全选的相关文章

jQuery实现checkbox(复选框)选中、全选反选代码

谁都知道 在html 如果一个复选框被选中 是 checked="checked". 但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr

jQuery_review之jQuery实现多选框的反选、全选、全不选

有几个非常常见的知识点,需要重点关注一下.如何显示多选框呢?<input type="checkbox" name="name" value="value1"><input type="checkbox" name="name" value="value2">.这样就能表示两个多选框,他们具有同样的name值,在JSP中,传到后台的时候,可以使用request.g

多选框向后台传值,多选框的回显,对多选框的各种操作

1.多选框的回显: js:$(     function(){     var checkBoxAll =$("input[name^='checkbox_']");//获取前缀为checkbox_的所有多选框对象     var checkArray=${list};//获取多选框需要回显得对应的值集合     console.info("checkArray=",checkArray);     for(var i=0;i<checkArray.lengt

jQuery对复选框(checkbox)的全选,全不选,反选等的操作

效果截图: HTML代码: <body><ul id="list"> <li><label><input type="checkbox" name="items" value="1"> 1.时间都去哪儿了</label></li> <li><label><input type="checkbox"

[oldboy-django][2深入django]老师管理 -- form表单如何生成多选框标签,多选框的默认值显示,以及多选框数据插入到数据库,多选框数据更改到数据库

1 form表单如何生成多选框(包含了多选框可选择内容) - Form设置班级输入框为 select多选 - 多选 class TeacherForm(Form): name = fields.CharField(max_length=16, widget=widgets.TextInput(attrs={'class': 'form-control'}) ) cls = fields.MultipleChoiceField( choices=models.Classes.objects.val

elementUi-复选框,使用v-for循环出来的复选框,默认多个值为勾选状态

1. 使用 v-model="BottomSelectFor[index].tick" 绑定要默认勾选的状态 2.在数组中定义 tick:true,没有的字段默认为false 3.实现效果 原文地址:https://www.cnblogs.com/wuhefeng/p/11316876.html

javascript实现复选框全选和取消代码分析

javascript实现复选框全选和取消代码分析:复选框是常用的元素之一,而点击实现全选和取消全选又是最为常用的功能,特别是在批量操作管理中,非常的方便,下面就通过代码实例介绍一下如何实现此效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.soft

ExtJs实现复选框组Checkboxgroup单勾选及复选框组对多个复选框组跨控件全选

ExtJs实现复选框Checkboxgroup单勾选及跨控件全选 由于项目的需要,我们要将EXT的控件Checkboxgroup复选框组改造成但勾选,并且实现一个复选框组控制其他多个复选框组的全选,以下是关于如何实现的代码片段. 1.创建CheckboxGroup对象 1,新建空的EOS6.5的工程,新建com.towngas.tcis. gridlock构件包: 2,在com.towngas.tcis.gridlock构件包的"展现"节点下的"页面资源"节点中创建

HTML页面中A博娱乐复选框的操作方法

A博娱乐复选框在网页中很是常见,无论是电商网站,还是平台,只有有需要选择的地方就会见到复选的身影.接下来,是我之前写过的两个小demo,都是关于复选框的,希望会给大家带来帮助. 第一个是关于复选框全选反选的操作,当然我在里面还加了一个小功能,就是当选择底下尚品或者其他的东西的复选框全部为选中状态时则全选按钮也变为选中状态:反之亦然. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 3