精华内容
下载资源
问答
  • Jquery/jq获取复选框value属性

    千次阅读 2018-02-24 14:57:52
    //获取属性值 $('input:checkbox[name=users]:checked').each(function(){  id_list += $(this).attr('data-pk')+','; }); //获取value $('input:checkbox[name=users]:checked').each(function(){  ...
    var id_list = '';
    //获取属性值
    $('input:checkbox[name=users]:checked').each(function(){
        id_list += $(this).attr('data-pk')+',';
    });
    //获取value
    $('input:checkbox[name=users]:checked').each(function(){
        id_list += $(this).val()+',';
    });
    //截取掉最后一个逗号
    id_list = id_list.substr(0,id_list.length-1);
    
    

    展开全文
  • HTML DOM中的Input Checkbox Value属性用于设置或返回输入复选框字段的value属性的值,但是value属性的内容不会显示给用户。当用户提交表单时,该值和其他信息将发送到服务器。但是,如果复选框处于未选中状态,则...

    HTML DOM中的Input Checkbox Value属性用于设置或返回输入复选框字段的value属性的值,但是value属性的内容不会显示给用户。当用户提交表单时,该值和其他信息将发送到服务器。但是,如果复选框处于未选中状态,则不会发送任何信息。

    用法:

    它返回“输入复选框”值属性。checkboxObject.value

    它用于设置“输入复选框”值属性。checkboxObject.value = text

    属性值:它包含单个值文本,该文本用于指定与输入复选框字段关联的值。

    返回值:它返回一个字符串值,该值表示输入复选框字段的value属性的值。

    范例1:本示例返回“输入复选框”值属性。

    DOM Input Checkbox value Property

    GeeksforGeeks

    DOM Input Checkbox value Property

    value="1" checked>Checked by default

    Not checked by default

    Submit

    function myGeeks() {

    var g = document.getElementById("GFG").value;

    document.getElementById("sudo").innerHTML = g;

    }

    输出:

    在单击按钮之前:

    8ddffeebedc5cc8334a8058ccdafc150.png

    单击按钮后:

    abc47df7c94057e9e6eb48390cf77d9e.png

    范例2:本示例设置“输入复选框”值属性。

    DOM Input Checkbox value Property

    GeeksforGeeks

    DOM Input Checkbox value Property

    value="1" checked>Checked by default

    Not checked by default

    Submit

    function myGeeks() {

    var g = document.getElementById("GFG").value

    ="Geeks";

    document.getElementById("sudo").innerHTML

    = "The value of the value attribute"

    + " was change to " + g;

    }

    输出:

    在单击按钮之前:

    8ddffeebedc5cc8334a8058ccdafc150.png

    单击按钮后:

    cb7c8ff0452997fbc919347fb9d7f32d.png

    支持的浏览器:下面列出了DOM Input Checkbox值属性支持的浏览器:

    谷歌浏览器

    IE浏览器

    Firefox

    Opera

    Safari

    展开全文
  • Web前端之复选框选中属性

    千次阅读 2014-11-27 11:26:47
    Web前端之复选框选中属性  熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了。博主之前用户不少方法,经常...

    Web前端之复选框选中属性

      熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了。博主之前用户不少方法,经常Google到一些这个不好那个不好的文章,到后面自己都混乱了。今天偶然看到一篇外国的博客,觉得讲解的很不错,打算翻译成中文,并加上了一些自己的见解。翻译的目的一是分享给大家,二是方便自己查阅。原文链接是:http://conceptf1.blogspot.com/2014/10/checkbox-checked-property.html。、

      如果你从事web开发并且在你开发的网页中有复选框,你可能需要判断当前该复选框是否选中,进而执行一些条件语句。有很多种方法来判断一个复选框是否选中。

      让我们先来看看原生的javascript是怎么判断这个属性的。在javascript中,在你选中了某个元素之后,你可以轻易地通过该元素的checked属性来判断你选中的复选框是否选中了。

      我们来看一个例子,在你的页面上面有一个复选框并且该复选框有着唯一的id,比如myCheckBox ,如下面所示:

    1 <input type="checkbox" id="myCheckBox"/>

      现在我们首先通过javascript来选中这个元素然后获取它的checked属性。

    复制代码
    1 function checkCheckBox() {
    2     if (document.getElementById('myCheckBox').checked) {
    3         //change it to alert('Its Checked'); if you not working with console
    4         console.log('Its Checked');
    5     } else {
    6         console.log('No its not Checked');
    7     }
    8 }
    复制代码

      可以看到,我们先通过id选中了这个元素然后判断它的checked属性,如果复选框选中了,它的值是true,如果复选框没有选中,它的值将是false。点击查看该例子

      如果你使用的是jQuery并且你不想用原生的javascript来进行这个判断,方法有很多:

      (1)使用 is(':checked')

         这个用法中你将使用jQuery的 is()函数。这个函数的功能是判断选中的元素或者元素集合是否满足你传递给该函数的条件参数,如果条件符合,返回true,否则返回false。

         所以为了使用这个函数,我们需要选中元素然后检测选择器:checked 的值,这个选择器适用于复选框、单选按钮和select标签。 点击查看该例子

    复制代码
    1 $('input[type="button"]').click(function () {
    2     if ($('#myCheckBox').is(':checked')) {
    3         //change it to alert('Its Checked'); if you not working with console
    4         console.log('Its Checked');
    5     } else {
    6         console.log('No its not Checked');
    7     }
    8 });
    复制代码

      (2)使用prop()

        在jQuery1.6之前,函数attr()用来获取元素的property 和attributes,但是非常容易让人产生疑惑。所以jQuery1.6之后,一个新的函数prop()来获取元素的当前的property值。

        但是在这之前,我们首先需要弄明白property 和attributes的区别。attributes是你给HTML标签设置的一些属性值,这包括你给一个标签设置的class、id甚至给输入框设定初始值一样。如果你没有在标签里面设置属性值但是却通过attr()来获取属性值,  会出现undefined的情况。prop()同样是用来获取元素的属性值,但是与attr()有着明显的区别的是,即便没有在html标签中定义想要获取的属性,也能够正确的返回需要的当前的属性值。

        根据官方的建议:具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr()。

        为了直观的体现两者之间的差别,你可以再页面加载完成之后立即改变输入框的值,这时候你就会发现即便是你的输入框的值变化了,用attr()获取的属性值并不会随着文本的改变而改变,而通过property()来获取的属性值会随着文本框内容的变化而变化。

      看一个例子:

        这里我们有一个设置了初始值的和一些attribute属性集的输入框:

    1 <input type="text" id="myTextBox" value='set attribute value' /> 

        然后在JQuery代码里我们这样写:

    1 console.log('Attribute Value is : '+$('#myTextBox').attr('value'));
    2 console.log('Property Value is : '+$('#myTextBox').prop('value'));

        我们会发现,通过prop()来获取输入框里面的值永远都是和它里面的值同步的,而通过attr()老获取输入框里面的值一直都是在html标签里面设置的值。 点击查看该例子

      (3)使用 filter :checked

    1 var isChecked = $('#myCheckBox:checked').length > 0;

        另外一种用于判断这个属性的值的方法是在选择元素的时候加上一个过滤器  :checked,然后根据所获得的元素的长度来判断元素的属性。但是这种用法并不推荐,因为当你的页面上有很多组复选框并且使用class选择器而不是id选择器的时候,所得到的答案可能是错误的。 点击查看该例子

      我们能够看到,我们有好几种方法来获得复选款的选中属性。这也恰恰是web开发者经常需要用到并且在选择正确的使用方式时产生困惑的地方。

    展开全文
  • 复选框的name属性

    千次阅读 2018-11-12 13:04:46
    HTML表单中,一组单选按钮(radio)或是一组复选框(checkbox)其中的name都是一样的。...一组复选框(checkbox):一般将name设置name[],如果被选中,则在数组name中添加一个元素,在处理页面将如下获...

    HTML表单中,一组单选按钮(radio)或是一组复选框(checkbox)其中的name都是一样的。
    这是为了方便在处理页面获取表单传递的值。
    一组单选按钮(radio):因为name属性相同,所以只有一个能被选中,在处理页面就直接获取,如$_GET['name'];
    一组复选框(checkbox):一般将name设置为name[],如果被选中,则在数组name中添加一个元素,在处理页面将如下获取值:
     

    <?php
        foreach ($out as $key => $value) {
    	echo "<li>";
    	echo "<input id='a".$value['c_id']."' type='checkbox' name='chk_art[]' value='".$value['c_id']."'>";
            echo "<label for='a".$value['c_id']."'>".$value['article_type']."</label>";
    	echo "</li>";
        }
    ?>

     

    使用序列化传递数据

    // 表单序列化:此方法用于一般信息字符等可以,但是上传文件不行,上传文件用formdata
    		let data = $("form").serialize();

    php处理

    if(!empty($_POST['chk_art'])){
      for($i=0; $i< count($_POST['chk_art']); $i++){
          echo $array[$i].'<br />';
      }
    }

     

    展开全文
  • Flutter Checkbox 复选框

    万次阅读 2019-06-25 09:20:26
    Flutter 复选框 有两种:一 是精简版Checkbox复选框 ,二是自带标题和副标题CheckboxListTile复选框 参数详解 属性 说明 Checkbox 复选框 ... 默认false,如果true,复选框的值可以true、f...
  • jQuery获取select复选框选中的文本值和value
  • 将选择转换多选复选框 介绍 复选框列表对于允许用户在选择框中选择多个选项很有用。但在这种情况下,可以通过按住控制(ctrl)按钮选择多个选项,用户讨厌这个。您可以使用jQuery进行多选复选框下拉列表,而不是...
  • 复选框属性设置,属性获取

    千次阅读 2018-07-18 19:58:31
    (4)获取复选框属性 var var1 = $("#iszfy").prop("checked") var var2 = $("#iszfy").is(":checked") var var2 = document.getElementById("iszfy").checked (5)设置复选框属性 $("$iszfy...
  • 复选框+按钮的disabled属性

    千次阅读 2019-06-09 12:32:48
    在项目的需求中,有根据复选框的是否选中来改变页面的一些布局,今天小编就大家介绍一种简单点的情况-----勾选复选框,对应按钮的disabled属性改变,按钮的点击效果也随之改变; HTML代码 <button type...
  • 复选框选中时才会提交value

    千次阅读 2018-08-24 18:10:35
    复选框选中时才提交value值。 如果选中设置value=0,未选中value=1,其实后台是接收不到 1 的,HTML太薄弱,开始的时候让我郁闷了十分钟怎么取不到1。 所以要在后台判断接收的参数null时,其实就是1的时候,设置...
  • 在React中设置一个复选框“ check”属性 reactjs 我在React和复选框方面遇到了一个非常烦人的问题。我正在使用的应用程序需要复选框列表,这些复选框代表保留在后端的设置。 有一个选项可以将设置恢复原始状态 。 ...
  • 复选框,vue如何绑定value

    千次阅读 2019-05-10 16:57:32
    input type="checkbox" value="1" v-model="arr"> <input type="checkbox" value="2" v-model="arr"> <input type="checkbox" value="3" v-model="arr"> <button @click="fn">点击打印...
  • var hiddenId = $(_this).find("input[type='hidden']")[0].getAttribute("id"); //获取父级下面的子节点 隐藏域id $.each(inputCheck,function () { if($(this).is(':checked')){ checkStr += $(this).val() + ...
  • 原因在于readonly属性关联的是页面元素的value属性(例如textbox,设置了readonly就不能修改输入框的文本内容),而复选框的勾选/取消并不改变其value属性,改变的只是一个checked状态。所以对于checkbox来说,设置...
  • jquery添加属性checked不管用(jquery,prop的使用) $("#xxx").attr("checked","checked"); 但是页面上并没有选中,换成 ...这里用attr只是元素添加了checked=“checked”的属性,但是并没有使checked
  • AngularJS实现复选框全选功能

    千次阅读 2019-03-21 14:10:31
    ng-checked:该属性影响复选框的状态,值true则复选框选中,值false则取消选中。 需要注意的是复选框的状态不会影响该属性的值,必须在复选框的单击事件中同步选框状态与该属性值。 页面如下 <!DOCTYPE...
  • checkbox类型使用required属性时,如果给每个选项都添加,则需要选择全部选项后才能提交。 本文的方法可以实现只选择一个选项后即可提交。 实现代码: <!DOCTYPE html> <html> <head> <...
  •  一、新建表单,将其caption属性值设置“编程入门网-复选框控件”,保存复选框控件.scx”。  二、向表单上添加一个label控件,caption属性值设“编程入门网”,fontsize属性值设10,AutoSize属性值设....
  • 选择复选框时清除按钮的disable属性 <input type="checkbox" id="checkbox" name="" value=""/>我已阅读并接受该条款内容 <input type="submit" id="submit" value="立即注册" disabled="disabled" /> ...
  • 当我反复点击了全选后 点击form表单的保存 获取的 表单的value中 关于复选框的值 会重复出现多个 例如复选框本身5个 当我反复点击全选5次后 复选框value变成了25 原因是 利用item 循环的复选框 虽然通过外在修改...
  • 判断单选框或复选框是否选中</title> </head> <body> <input name=”radio1″ type=”radio” value=”test”> <button onClick=”alert(‘单选项’+(document....
  • html的单选框与复选框

    千次阅读 2017-06-19 12:20:30
    使用语法:<input type="radio/checkbox" value...当 type=”checkbox” 时,控件为复选框2、value:提交数据到服务器的值(给后台程序PHP使用)3、name:控件命名,给ASP、PHP等后台程序使用 4、checked:当设置 che
  • 表单控件之复选框

    千次阅读 2018-04-08 17:05:44
    忽然遇到了复选框很是新奇,毕竟这么久都没见过它了。 问题:关于复选框的加载(用于添加页面) 实现:1.ajax异步请求从数据库获取都有哪些类型。 $.ajax({ url:"getChapterType", dataType:"json", ...
  • layui获取复选框checked值

    千次阅读 2020-04-13 00:30:30
    对于后台开发来讲,layui是一个很后台的前端框架,适合搭建管理后台,各方面都很好,唯独有个地方不好,就是checkbox多选方面,不能直接返回多选值,只能返回最后的一个,这究竟是官方的bug还是有意之我们也无从...
  • elementui复选框组使用与遇到的问题

    千次阅读 2019-04-19 18:47:44
    elementui复选框组使用与遇到的问题1、复选框组使用2、默认值的设置3、遇到的问题3.1、导致问题的写法3.2、正常可以使用的写法 今天有个弹出窗编辑的时候elementui的复选框出了问题,控制台也没有报错,但就是死活选...
  • [复选框] 获取checkbox选中的值

    千次阅读 2018-11-07 17:10:11
    版权声明 本博文首发于: ... 请注意: 无需授权即可转载; 甚至无需保留以上版权声明… … ...文章目录一、情景二、代码1、html代码2、javascript3、总结三、网上摘选代码...我想获取复选框下处于选中状态下的 值,该复...
  • HTML复选框和提交按钮组合设置

    千次阅读 2015-08-05 16:39:27
    在html中怎样来创建复选框,对于创建复选框我们应该注意什么样的问题,这个html文档借助一个例子,很好的总结了对复选框的设置,设置复选框用到的标签是<form><input>我们队这些标签的属性应该怎样来写
  • 单选框和复选框

    千次阅读 2017-06-08 22:40:35
    1、单选框以及复选框的使用 单选框以及复选框的使用 性别: 男 女 爱好: 篮球 足球 跑步
  • value ="1" 5 ="${task.taskDepartment_1.contains('1')}" > checked="checked" c:if > disabled="disabled">民政部门 input > 6 td > 7 < td >< textarea 8 id ="taskDescribe_1" ...

空空如也

空空如也

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

复选框的value属性为0