精华内容
下载资源
问答
  • 本文实例讲述了 PHP 简单获取多个 checkbox 值的方法分享给大家供大家参考具体 如下 HTML 页面 <html>  <head>  </head>  <body>  <form name="myform" enctype=...
  • 通常来说,php总是只获取最后一个复选框的值,那么如何才能获取所有复选框的值? 解决办法如下: form表单部分代码如下: <input type=checkbox name=frm_tag[] value=1>1 <input type=checkbox name=...
  • php总是只获取最后一个复选框的值,那么如何才能获取所有复选框的值? 解决办法: form表单部分代码如下:1 2 3 4 5 php处理POST传递过来数据代码: $str_tag = ""; $frm_tag = $_POST['frm_tag']; for($i=0;$...
    PHP获取表单所有复选框的值的方法,php教程中经常要讲到的内容。

    php中总是只获取最后一个复选框的值,那么如何才能获取所有复选框的值?
    解决办法:

    form表单的部分代码:

    <input type="checkbox" name="frm_tag[]" value="1">1
    <input type="checkbox" name="frm_tag[]" value="2">2
    <input type="checkbox" name="frm_tag[]" value="3">3
    <input type="checkbox" name="frm_tag[]" value="4">4
    <input type="checkbox" name="frm_tag[]" value="5">5

    php处理POST传递过来数据的代码:
    $str_tag = "";
    $frm_tag = $_POST['frm_tag'];
    for($i=0;$i<count($frm_tag);$i++){
      echo $frm_tag[$i]."<br>";
      if($i==0)
       $str_tag = $frm_tag[$i];
      else
       $str_tag = $str_tag.",".$frm_tag[$i];
    } // www.jbxue.net
    echo $str_tag;
    }

    展开全文
  • 首先我们要清楚,所有的复选框都有一个共同属性 name,如果想要为同一件事情的复选框那么它们name就必须要相同,我们就是根据这个属性来获取 <input type="checkbox" name="cb" value="1" />aa <...

    首先我们要清楚,所有的复选框都有一个共同的属性 name,如果想要为同一件事情的复选框那么它们的name值就必须要相同,我们就是根据这个属性来获取

    <input type="checkbox" name="cb" value="1" />aa
    <input type="checkbox" name="cb" value="2" />bb
    <input type="checkbox" name="cb" value="3" />cc
    <input type="checkbox" name="cb" value="4" />dd
    
    <script>
    	var value = function(){
    		var arraryname = [ ];
    		var check = document.getElementByName('cb');
    		for((let i = 0;i<check.length;i++){
    			if(check[i].checked){
    				arraryname.push(check[i].value)
    			}
    		}
    	}
    </script>
    
    展开全文
  • 首选获取一个状态 去判断layui 如何判断用户是否勾选呢 我们这个可以利用 js引用变量特性追踪变量变化 开始书写代码 在全局定义一个数据对象, 然后赋值到 layui表格数据 然后我们查看每次勾选 ...

    这个功能layui 本身可能没直接提供给我们相关的功能  ,需要自己写出来了  有几个疑点  可能要一一排查出来

    核心点: 能不能有一个状态值 能判断当前行的数据 是否是勾选状态

    然后就可以 一步一步跟踪判断 来获取我们想要的答案了

    首选获取一个状态值 去判断layui 如何判断用户是否勾选呢  我们这个可以利用 js的引用变量的特性追踪变量的变化

    开始书写代码

    在全局中定义一个数据对象,  然后赋值到 layui表格的数据 中  然后我们查看每次勾选 之后 我们的数据  在 经过layui处理之后发生了什么变化

    layui.use(['table'], function() {
                var table = layui.table;
                var data = [
                    { id: 1, name: "张三"},
                    { id: 2, name: "张三" },
                    { id: 3, name: "张三" },
                    { id: 4, name: "张三" },
                    { id: 5, name: "张三" },
                    { id: 6, name: "张三" },
                    { id: 7, name: "张三" },
                    { id: 8, name: "张三" },
                    { id: 9, name: "张三" },
                    { id: 10, name: "张三" },
                    { id: 11, name: "张三"},
                    { id: 12, name: "张三"},
                    { id: 13, name: "张三" },
                    { id: 14, name: "张三" },
                    { id: 15, name: "张三" },
                    { id: 16, name: "张三" },
    
                ]
                table.render({
                    elem: "#test",
                    page: true,
                    cols: [[ //表头
                        { type: 'checkbox', fixed: 'left' }
                        , { field: 'id', title: '编号', width: 80 }
                        , { field: 'name', title: '姓名', width: 80 },
                    ]],
                    data
                })
                // 监听复选框勾选状态
                table.on('checkbox(test)', function (obj) {
                    console.log(data)
                });
            })

    点击一次 我们看下控制台

    看到图中知道了 layui 原来是 在 变量中 加入了属性  LAY_CHECKED  来判断是否选中  那我们可以提前加上  让他初始渲染的时候 就勾住 不知道可不可以 我们去试试看

    { id: 1, name: "张三", LAY_CHECKED: true},   在data中 手动加上一个属性看下页面中表格的状态

    确实  渲染的时候 就勾中了   我们的猜想是正确的  那么这下 我们的问题  好像都可以解决 了  

    2. 首先我们在上面加一个 勾选的数量的展示  元素   追踪用户跨页勾选的个数  同时设置一个 获取勾选数据的按钮

        <div>勾选的数量: <span id="num">0</span> <button id="getData" class="layui-btn layui-btn-normal">获取勾选的数据</button> </div>
    

     

    根据  我们之前定义的 全局变量 data 数据中  每次  LAY_CHECKED = true 的 个数来判断勾选的 个数   这下 我们想要的 结果 就浮出水面了

    1. 先提前把我们要赋值的变量全部加上 LAY_CHECKED = false;

    data.forEach(item => (item.LAY_CHECKED = false))

    监听复选框点击事件

    // 监听复选框勾选状态
                table.on('checkbox(test)', function (obj) {
                    var count = 0;
                    for(var item of data) {
                        item.LAY_CHECKED == true && count ++;
                    }
                    $('#num').text(count); 
                });
    // 获取勾选的数据
                $('#getData').click(function() {
                    var checkData = data.filter( item => item.LAY_CHECKED == true)
                    console.log(checkData)
                })

     

    然后 就大功告成了 就是这样简单了  我们看下 实际的效果吧

     

    关注我 持续更新 前端 知识     好像bug 就没有在我手上存活超过两天的(本人现在还是个菜鸟前端, 连vue都不会的小白)    嘻嘻   加油

    展开全文
  • 使用复选框从第一个表格选取多个数据,如何获取选中n个记录ID属性? 前端获取了多个ID传给后端,后端如何在一个表查找符合这n个ID值的数据? 举例: 前端选中表格序号...
  • JS中如何获得选择多个

    千次阅读 2016-12-05 23:24:11
    JS获取复选框被选中的值      0  1  2  3  4  5  6  7      JS代码  复制代码代码如下:   function chk(){  var obj=document.getElementsByName('test'); //选择...
    代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <mce:style><!-- 

    --></mce:style><style mce_bogus="1"> 

    </style> 
    <title>JS获取复选框被选中的值</title> 
    </head> 
    <body> 
    <input type="checkbox" name="test" value="0" />0 
    <input type="checkbox" name="test" value="1" />1 
    <input type="checkbox" name="test" value="2" />2 
    <input type="checkbox" name="test" value="3" />3 
    <input type="checkbox" name="test" value="4" />4 
    <input type="checkbox" name="test" value="5" />5 
    <input type="checkbox" name="test" value="6" />6 
    <input type="checkbox" name="test" value="7" />7 
    <input type="button" οnclick="chk()" value="提 交" /> 
    </body> 
    </html 

    JS代码 
    复制代码代码如下:

    <mce:script src="jquery.js" mce_src="jquery.js"></mce:script><!--这是载入jquery.js文件,如果不使用jquery可以去掉--> 
    <mce:script type="text/javascript"><!-- 

    function chk(){ 
    var obj=document.getElementsByName('test'); //选择所有name="'test'"的对象,返回数组 
    //取到对象数组后,我们来循环检测它是不是被选中 
    var s=''; 
    for(var i=0; i<obj.length; i++){ 
    if(obj[i].checked) s+=obj[i].value+','; //如果选中,将value添加到变量s中 

    //那么现在来检测s的值就知道选中的复选框的值了 
    alert(s==''?'你还没有选择任何内容!':s); 


    function jqchk(){ //jquery获取复选框值 
    var chk_value =[]; 
    $('input[name="test"]:checked').each(function(){ 
    chk_value.push($(this).val()); 
    }); 
    alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value); 

    // --></mce:script> 

    对checkbox的其他几个操作 

    1. 全选 
    2. 取消全选 
    3. 选中所有奇数 
    4. 反选 
    5. 获得选中的所有值 

    js代码 
    复制代码代码如下:

    $("document").ready(function(){ 
    $("#btn1").click(function(){ 
    $("[name='checkbox']").attr("checked",'true');//全选 
    }) 
    $("#btn2").click(function(){ 
    $("[name='checkbox']").removeAttr("checked");//取消全选 
    }) 
    $("#btn3").click(function(){ 
    $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 
    }) 
    $("#btn4").click(function(){ 
    $("[name='checkbox']").each(function(){//反选 
    if($(this).attr("checked")){ 
    $(this).removeAttr("checked"); 

    else{ 
    $(this).attr("checked",'true'); 

    }) 
    }) 
    $("#btn5").click(function(){//输出选中的值 
    var str=""; 
    $("[name='checkbox'][checked]").each(function(){ 
    str+=$(this).val()+"/r/n"; 
    //alert($(this).val()); 
    }) 
    alert(str); 
    }) 
    }) 

    html代码: 
    复制代码代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>louis-blog >> jQuery 对checkbox的操作</title> 
    <mce:script type='text/javascript' src="http://leotheme.cn/wp-includes/js/jquery/jquery.js" mce_src="http://leotheme.cn/wp-includes/js/jquery/jquery.js"></mce:script> 
    <SCRIPT LANGUAGE="JavaScript"> 
    <!-- 
    $("document").ready(function(){ 
    $("#btn1").click(function(){ 
    $("[name='checkbox']").attr("checked",'true');//全选 
    }) 
    $("#btn2").click(function(){ 
    $("[name='checkbox']").removeAttr("checked");//取消全选 
    }) 
    $("#btn3").click(function(){ 
    $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 
    }) 
    $("#btn4").click(function(){ 
    $("[name='checkbox']").each(function(){//反选 
    if($(this).attr("checked")){ 
    $(this).removeAttr("checked"); 

    else{ 
    $(this).attr("checked",'true'); 

    }) 
    }) 
    $("#btn5").click(function(){//输出选中的值 
    var str=""; 
    $("[name='checkbox'][checked]").each(function(){ 
    str+=$(this).val()+"/r/n"; 
    //alert($(this).val()); 
    }) 
    alert(str); 
    }) 
    }) 
    --> 
    </SCRIPT> 
    </HEAD> 
    <body style="text-align:center;margin: 0 auto;font-size: 12px;" mce_style="text-align:center;margin: 0 auto;font-size: 12px;"> 
    <div style="border: 1px solid #999; width: 500px; padding: 15px; background: #eee; margin-top: 150px;"> 
    <form name="form1" method="post" action=""> 
    <input type="button" id="btn1" value="全选"> 
    <input type="button" id="btn2" value="取消全选"> 
    <input type="button" id="btn3" value="选中所有奇数"> 
    <input type="button" id="btn4" value="反选"> 
    <input type="button" id="btn5" value="获得选中的所有值"> 
    <br /><br /> 
    <input type="checkbox" name="checkbox" value="checkbox1"> 
    checkbox1 
    <input type="checkbox" name="checkbox" value="checkbox2"> 
    checkbox2 
    <input type="checkbox" name="checkbox" value="checkbox3"> 
    checkbox3 
    <input type="checkbox" name="checkbox" value="checkbox4"> 
    checkbox4 
    <input type="checkbox" name="checkbox" value="checkbox5"> 
    checkbox5 
    <input type="checkbox" name="checkbox" value="checkbox6"> 
    checkbox6 
    </form> 
    </div> 
    </body> 
    展开全文
  •  今天我们继续前边练习,学习和练习一下:如何使用webdriver方法获取操作复选框-CheckBox、测试不同分辨率、如何断言title、如何获取某一个元素text属性等等,这些小练习,来巩固基础。 2.操作复选框-...
  • 选中“删除所有脱机内容”复选框,然后单击“确定”(如果文件很多,删除它们可能需要几分钟时间)。 iii. 在“高级”选项卡上,点击“重置”。 b)如果您安装是Internet Explorer 7,请参考: i. 选择“常规”...
  • 超实用jQuery代码段

    2019-03-04 10:20:41
    2.12 如何选中页面上的所有复选框 2.13 禁用表单的回车键提交 2.14 禁用右键单击上下文菜单 2.15 IE下禁用文本选择功能 2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框同步操作 2.18 在新窗口打开外部...
  • 由于上油是布尔,因此将其显示为一个复选框,以选中是否对生猪上了油脂,否则未选中 创建一个表单,该表单将新生猪发布到服务器,并在页面上呈现新生猪 为每个猪添加删除按钮,这会将它们从页面删除,并指示...
  • 由于上油是布尔,因此将其显示为一个复选框,以选中是否对生猪上了油脂,否则未选中 创建一个表单,该表单将新生猪发布到服务器,并在页面上呈现新生猪 为每个猪添加删除按钮,这会将它们从页面删除,并指示...
  • 40. 把复选框中选中的值直接显示在输入文本框中? 41. 选择路径下文件直接显示文件内容? 42. 制作进度条? 43. 对较长字符省略显示? 44. 制作日历? 45. 点击文本弹出一个选择框,选中后返回并显示 46. 关闭框架...
  • 实例075 带复选框的ListView控件 99 2.7 TreeView控件应用 100 实例076 将数据库数据显示到树视图 100 实例077 用TreeView控件制作导航界面 102 实例078 用TreeView控件遍历磁盘目录 102 实例079 修改...
  • CheckMenuItem 复选或撤消复选指定菜单条目 CheckMenuRadioItem 指定一个菜单条目被复选成“单选”项目 CreateMenu 创建新菜单 CreatePopupMenu 创建一个空弹出式菜单 DeleteMenu 删除指定菜单条目 ...
  • C#全能速查宝典

    热门讨论 2014-04-26 16:16:27
    2.3.3 Checked属性——复选框是否处于选中状态 190 2.3.4 CheckedChanged事件——Checked属性更改时发生 191 2.3.5 CheckedListBox控件——复选框列表控件 191 2.3.6 CheckState属性——设置CheckBox控件状态 193 ...
  • 为DataGrid创建一个独立的复选框项渲染器 7.9.节.为渲染器设置高效图像 7.10.节.为项渲染器和项编辑器应用运行时样式 7.11.节. 为项编辑器应用状态和变换 7.12.节.创建一个带复选框的Tree控件 7.13.节. 改变List ...
  • VC++ 专家指导.doc

    2012-07-14 09:06:49
    (73)关于复选框的文本颜色 158 (74)系列化与版本问题 159 (75)在一个控件内检测并使用ON_COMMAND消息 162 (76)为何MDI程序有子窗口打开时主应用程序不能关. 163 (77)滚动视LPtoDP失败 165 (78)ODBC许可问题 ...
  • 实例077 带复选框的树状菜单 98 2.9 其他控件典型应用 100 实例078 TrackBar简单应用 100 实例079 SplitContainer应用 102 实例080 MaskedTextBox控件简单应用 103 实例081 制作日历计划任务 105 ...
  • C#编程经验技巧宝典

    热门讨论 2008-06-01 08:59:33
    115 <br>0192 如何获取“我文档”系统文件夹路径 115 <br>0193 如何获取应用程序当前执行路径 116 <br>0194 如何获取当前操作系统信息 116 <br>0195 如何实现基本数据类型随意转换 116...
  • LINQPad有什么新功能 v5.31 NEW /改进: LINQPad现在包含一个嵌入式ILSpy。在任何外部或框架符号上按F12进行反编译(Pro / Premium版本),或按...将SQL查询执行到数据网格时,可以为空现在显示为3值复选框
  • 实例115 使用面向对象思想查找字符串中的所有数字 5.3 面向对象技术高级应用 实例116 自定义抽象类计算圆形的面积 实例117 利用接口实现选择不同的语言 实例118 使用密封类密封用户信息 实例119 通过重写虚...
  • 实例115 使用面向对象思想查找字符串中的所有数字 5.3 面向对象技术高级应用 实例116 自定义抽象类计算圆形的面积 实例117 利用接口实现选择不同的语言 实例118 使用密封类密封用户信息 实例119 通过重写虚...
  • 实例115 使用面向对象思想查找字符串中的所有数字 5.3 面向对象技术高级应用 实例116 自定义抽象类计算圆形的面积 实例117 利用接口实现选择不同的语言 实例118 使用密封类密封用户信息 实例119 通过重写虚...

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 122
精华内容 48
关键字:

如何获取复选框中的所有值