精华内容
下载资源
问答
  • 复选框的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 />';
      }
    }

     

    展开全文
  • $(’#ipRank’).prop(‘checked’); //获取checkbox选中状态 $("#tableid input[type=‘checkbox’]:checked").each(function(){ var va = $(this).val();//当前选中的复选框的值 });

    $(’#ipRank’).prop(‘checked’); //获取checkbox选中状态

    $("#tableid input[type=‘checkbox’]:checked").each(function(){

    var va = $(this).val();//当前选中的复选框的值
    });

    var filterType= $(‘input:radio[name=“filterType”]:checked’).val();

    展开全文
  • 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开发者经常需要用到并且在选择正确的使用方式时产生困惑的地方。

    展开全文
  • jQuery 获取复选框checked属性

    千次阅读 2018-05-09 11:05:21
    我们平常获取属性值一般都是用attr() 但是attr()也不好使的时候 例如获取复选框checked的属性值这是我们可以使用另一个jQuery的方法prop()$('input').prop('checked')//true = &gt;选中//false =&...

    我们平常获取属性值一般都是用attr() 

    但是attr()也有不好使的时候  例如获取复选框checked的属性值

    这是我们可以使用另一个jQuery的方法prop()

    $('input').prop('checked')

    //true = >选中

    //false =>未选中

    另外:这只是其中一个判断复选框是否被选中的方法

    展开全文
  • Flutter Checkbox 复选框

    万次阅读 2019-06-25 09:20:26
    Flutter 复选框 两种:一 是精简版Checkbox复选框 ,二是自带标题和副标题CheckboxListTile复选框 参数详解 属性 说明 Checkbox 复选框 value 是否选中此复选框 onChanged 监听当复选框...
  • tristate属性表示复选框是三种状态还是两种状态,如果tristate为True,则表示复选框有选中、未选中和半选中三种状态,如果tristate为False,则表示复选框只有选中、未选中两种状态。 复选框的ischecked()方法在...
  • 如果input没有初始定义checked属性, 那么$(this).attr('checkbox'); 它永远返回的是undefined; 如果input初始定义了checked属性, 那么$(this).attr('checkbox'); 它永远返回的的是checked; $(this).prop('...
  • jquery添加属性checked不管用(jquery,prop的使用) $("#xxx").attr("checked","checked"); 但是页面上并没有选中,换成 $("#xxx").prop("checked","checked"); 选中ok. 这里用attr只是为元素...
  • 页面效果 目的 点击1复习框,则复选框2的状态都随之改变 ... ...1是为了点击此复选框跳转到响应...复选框状态响应函数 2就是跳转的函数 3表示:对class属性值为itemSelect元素,进行元素属性值更改,把checked...
  • 复选框+按钮的disabled属性

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

    千次阅读 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...
  • 来控制复选框的选中和取消的时候,第一遍加上和取消勾是正常的,第二遍的时候,可以加上checked=”checked”属性,但是却不显示打勾。解决办法是,使用$(#id).prop('checked', true);和$(#id).prop('checked', false...
  • 游戏开发中有时我们会用到CheckBox,CheckBox就是复选框,大家应该都见过复选框,它两个状态,一个勾选态,一个非勾选态,我们可以通过CheckBox在这两个状态间的切换来实现一些特定的判断功能,比如是否游戏关闭...
  • 目录 介绍 现场演示 ...您可以使用jQuery进行多选复选框下拉列表,而不是使用HTML中的多个属性。 这是一个简单的HTML控件,带jQuery和CSS,可以在任何Web编程语言中使用。 现场演示 https...
  • 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(){  ...
  • appium自动化中,如何操作复选框,单选框,滑动选项等,如下图 package com.appium.zhihu; import org.openqa.selenium.By; import com.appium.util.AppiumUtils; import io.appium.java_client.MobileBy; ...
  • 每行数据前都一个复选框,默认为不选中状态,点击某行的时候会设置当前行前复选框的checked属性为true,但是对应的change事件并不执行,如果直接点击某行的复选框,change事件就执行了,什么原因
  • checkbox类型使用required属性时,如果给每个选项都添加,则需要选择全部选项后才能提交。 本文的方法可以实现只选择一个选项后即可提交。 实现代码: <!DOCTYPE html> <html> <head> <...
  • 模拟QQ聊天树状结构图,添加复选框属性 下面是代码: 如上图我们的根节点ID为datass, 现在选择文字,复选框也会被选中。大家试试看吧;
  • uniapp添加复选框和获取复选框的值

    千次阅读 2020-02-26 22:01:14
    uniapp中加入复选框,一般初学者都需要添加的东西,比如爱好进行选择添加 本人是以“班级”为例进行,“班级”按理来说是不应该复选的,但本人比较懒所以就不改了,以此为例进行讲解 <view class="uni-form-item...
  • AngularJS实现复选框全选功能

    千次阅读 2019-03-21 14:10:31
    ng-checked:该属性影响复选框的状态,值为true则复选框选中,值为false则取消选中。 需要注意的是复选框的状态不会影响该属性的值,必须在复选框的单击事件中同步选框状态与该属性值。 页面如下 <!DOCTYPE...
  • 复选框传值

    千次阅读 2018-08-03 17:17:52
     首先想到的是复选框,但是如果使用一个复选,选择多个数据时,要么后台根据逗号隔开,再判断哪个属性是否值,非常的繁琐;于是想到了多个复选解决;一个复选框只有一个值(即只有一个option),在选择这个复选时...
  • 复选框勾选状态下背景色的处理 <input type="checkbox"> ```css /* css 复选框 */ input[type=checkbox] { cursor: pointer; position: relative; } input[type=checkbox]::after { position: ...
  • jQuery操作复选框状态

    千次阅读 2018-11-07 20:35:34
    在这种场景下,我们需要获取复选框的checked属性,才可以正确的执行判断。 代码结构 &amp;amp;lt;div class=&amp;quot;tips&amp;quot;&amp;amp;gt; &amp;amp;lt;input type=&amp;quot;...
  • 我的每一个复选框 是 利用 data声明的数组进行循环 遍历出来的 然后当我点击全选及反选的时候 我操作了data中的item 遍历修改了 ischeck属性 页面上也是利用这个属性显示选中/非选中 出现的bug 当我反复点击了...
  • C# CheckBox:复选框控件

    千次阅读 2019-06-11 14:42:21
    复选框主要的属性是:Name、Text、Checked。 其中: Name:表示这个组件的名称; Text:表示这个组件的标题; Checked:表示这个组件是否已经选中。 Form1.cs using System; using Syste...
  • js使用li或者div来模拟input的复选框和单选框样式,7行代码,兼容好

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 123,048
精华内容 49,219
关键字:

复选框有什么属性