input[type=checkbox]

时间:2022-09-17 01:07:00

  一个问题,今天用jquery-1.11.3.min.js时遇到的关于input复选框的问题。

类似于以下代码:

<ul class="demo">
    <li><label ><input type="checkbox"/>首页</label></li>
    <li><label ><input type="checkbox"/>关于</label></li>
    <li><label ><input type="checkbox"/>产品</label></li>
</ul>

需要实现,点击li,判断复选框是否选中,如果选中的话,取消选中,如果未选中,则选中,在1.11.3的版本中,使用

$('.demo').on('click', 'li label', function(ev){

  var isChecked = $(this).find('input').is(':checked');

  if(!isChecked){

    $(this).find('input').attr('checked', true);

  }else{

    $(this).find('input').attr('checked', false);

  }

  ev.preventDefault();

});

  在第一次未选中时,点击,可以选中,再次点击,取消选中,再次点击时,从开发者工具中显示,再次被选中,但是页面中复选框的对勾并未勾上,后改为1.8.3版本,完全可以实现。而且是在IE8上面也没问题,只有chrome和opera浏览器上(只测试了这两款浏览器),反复试验依然无法取得正确结果,也未能找到原因。

  后经qq群朋友解答,使用prop函数替代attr,完美实现需要的效果,但是依然不解attr导致的问题的根源在哪?

input[type=checkbox]的更多相关文章

  1. 关于复选框input&lbrack;type&equals;checkbox&rsqb;

    关于复选框input[type=checkbox],其实在前面的文章中说过一次,当时主要关注点在设置复选框的状态,利用prop实现,今天继续关注一下复选框. 自己在项目中,遇到一个全选/全不选的需求, ...

  2. input type&equals;checkbox checked disabled

    input type=checkbox checked disabled 禁用无法提交!

  3. js控制input type&equals;checkbox 的勾选

    <script type="text/javascript">     $(function () {         //双击表格弹出窗口         //为jQ ...

  4. jQuery操作 input type&equals;checkbox的实现代码

    代码如下: <input type="checkbox">: 2012欧洲杯"死亡之组"小组出线的国家队是:<br> <input ...

  5. &lt&semi;input type&equals;&quot&semi;radio&quot&semi; &gt&semi;与&lt&semi;input type&equals;&quot&semi;checkbox&quot&semi;&gt&semi;值得获取

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

  6. jsp &lt&semi;input type&equals;&quot&semi;checkbox&quot&semi; name&equals;&quot&semi;fileId&quot&semi;&gt&semi; 是否选中

    jsp <input type="checkbox" name="fileId"> 是否选中 var a = document.getElement ...

  7. 关于input 的选中,自定义input&lbrack;type&equals;&quot&semi;checkbox&quot&semi;&rsqb;样式

    1.css 呈现   选中后 的input的样式可以用 /*背景图*/      background:url('../pc/images/archives/icon_choosed.png') no ...

  8. ios下,&lt&semi;input type&equals;&quot&semi;checkbox&quot&semi;&gt&semi; 点击时出现黑色块

    ios下,<input type="checkbox"> 点击时出现黑色块如下图 解决方法:

  9. 定制 input&lbrack;type&equals;&quot&semi;radio&quot&semi;&rsqb; 和 input&lbrack;type&equals;&quot&semi;checkbox&quot&semi;&rsqb; 样式

    表单中,经常会使用到单选按钮和复选框,但是,input[type="radio"] 和 input[type="checkbox"] 的默认样式在不同的浏览器或 ...

随机推荐

  1. Maven打包 报 Unable to locate the Javac Compiler in&colon; C&colon;&bsol;Program Files&bsol;Java&bsol;jre1&period;8&period;0&lowbar;73&bsol;&period;&period;&bsol;lib&bsol;tools&period;jar

    无法找到javac 编译环境 右键项目 --> properties -->Java Build Path -->选中JRE 点击右侧 Edit 编辑 --> 把你设置的JRE ...

  2. 前端 head 中mate 详解

    <meta name="viewport" content="width=device-width,height=device-height,initial-sca ...

  3. matlab实现hog特征

    %%matlab实现hog特征 %修改自http://www.cnblogs.com/tiandsp/archive/2013/05/24/3097503.html %input: img %outp ...

  4. div下的img标签中图片的大小设定

    首先html为: <div class="box1"><img src="images/more-1.jpg"></div> ...

  5. hdu 5612 Baby Ming and Matrix games

    Baby Ming and Matrix games 题意: 给一个矩形,两个0~9的数字之间隔一个数学运算符(‘+’,’-‘,’*’,’/’),其中’/’表示分数除,再给一个目标的值,问是否存在从一 ...

  6. 数组length属性的一些特性

    ~~·数组的length属性是可读写的 var colors = ["blue","red","green"];colors.length ...

  7. MongoDB基础之十 shared分片

    水平分片实例分布图: mongodb sharding 服务器架构   1. 添加mongdb两个shared实例 # mkdir -p /home/m17 //home/m18 /home/m20 ...

  8. Go实现海量日志收集系统&lpar;二&rpar;

    一篇文章主要是关于整体架构以及用到的软件的一些介绍,这一篇文章是对各个软件的使用介绍,当然这里主要是关于架构中我们agent的实现用到的内容 关于zookeeper+kafka 我们需要先把两者启动, ...

  9. windows 查询端口占用 杀掉进程

    参考 https://www.cnblogs.com/lynn-li/p/6077993.html netstat -ano | findstr "8001" taskkill / ...

  10. systemC的环境搭建

    window下systemc的环境搭建 安装视频 一.编译SystemC库 1.下载SystemC library source code (systemc-2.3.1版本) 2.解压到工作目录 3. ...