复选框 | 易学教程

jquery中选中复选框1.8之前与1.8之后的区别

阅读更多关于 jquery中选中复选框1.8之前与1.8之后的区别

在jquery 1.8.x中的版本，我们对于checkbox的选中与不选中操作如下：判断是否选中 $('#checkbox').prop('checked') 设置选中与不选中状态： $('#checkbox').attr('checked',true) $('#checkbox').attr('checked',false) 但此方法在jquery1.9.1中，有些处理不一样 IE10，Chrome,FF中，对于选中状态，第一次$('#checkbox').attr('checked',true)可以实现但是当通过代码清除选中，下次再通过代码 $('#checkbox').attr('checked',true) 去选中时虽然代码中有checked='checked',但是画面表现都没有打勾。 IE8，IE6下无此问题。后来调查了相关的资料，发现现在attr('checked',true)都换成prop('checked',true) http://www.cnblogs.com/wangsu/archive/2013/04/29/3050461.html 来源： https://www.cnblogs.com/ph123/p/4422509.html

纯CSS3美化 input 的checkbox 和 radio

阅读更多关于纯CSS3美化 input 的checkbox 和 radio

magic-input CSS3样式复选框和单选按钮看起来更漂亮。只有一个input元素。在线demo 源码： https://github.com/jaywcjlove/magic-input 使用 $ npm install magic-input 你需要引入 dist/magic-input.css 或者 dist/magic-input.min.css 文件到你的工程或者HTML中。如果你使用 Stylus 你就可以使用 magic-input.styl 文件 <link rel="stylesheet" type="text/css" href="dist/magic-input.min.css"> Checkbox iPhone 的样式 <input type="checkbox" class="mgc-switch mgc-sm" checked /> <input type="checkbox" class="mgc-switch" /> <input type="checkbox" class="mgc-switch mgc-lg" checked /> Checkbox <input type="checkbox" class="mgc" checked/> Default <input type="checkbox" class="mgc mgc

微信小程序-自定义复选框

阅读更多关于微信小程序-自定义复选框

功能：　1、需要多选复选框，并且可以上拉滚动；　　　　2、需要通过名称手写字母排序的，并且可以上拉滚动；常规的小程序自带的原生picker无法满足我们的要求，因此一些特殊效果需要我们自定义来实现，废话不多说，我们直接看效果： index.wxml布局 <view class="container"> <view class='class bgFFF' bindtap='isDep'> <view class='class-text'> <text class='red'> </text> <text>开放部门</text> </view> <view class='class-choose'> <text class='color333 perItem' wx:if="{{checkValue.length>0}}"> <block wx:for="{{checkValue}}" wx:key="index"> {{item}} </block> </text> <text wx:else>默认全部</text> <image src='/images/right-icon.png' mode="widthFix"></image> </view> </view> <view class='class bgFFF' bindtap='isPer'> <view class=

Python复选框与删除元素

阅读更多关于 Python复选框与删除元素

代码显示！ from PyQt5.QtWidgets import QWidget, QCheckBox, QApplication,QLabel from PyQt5.QtCore import Qt import sys,sip class Example(QWidget): def init (self): super(). init () self.settings() def settings(self): self.a = QCheckBox('是否更新', self) self.a.move(20, 20) self.a.stateChanged.connect(self.printresult) self.setGeometry(300, 300, 250, 150) self.setWindowTitle('复选框') self.show() def printresult(self): print(self.a.text()) print(self.a.checkState()) if name == ' main ': app = QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) 简单吧。先用QCheckBox创建一个复选框。然后绑定信号。第一个是打印复选框的内容，就是‘是否更新’。

Python复选框与删除元素

阅读更多关于 Python复选框与删除元素

jq select操作全集

阅读更多关于 jq select操作全集

添加option $ ( "#ID option" ) . each ( function ( ) { if ( $ ( this ) . val ( ) == 111 ) { $ ( this ) . remove ( ) ; } } ) ; 移除option $ ( "<option value='111'>UPS Ground</option>" ) . appendTo ( $ ( "#ID" ) ) ; 取得下拉选单的选取值 $ ( " #testSelect option : selected " ).text(); $("#testSelect").find(' option : selected ').text(); $("#testSelect").val(); 根据option的值选中下拉框 $ ( '#testSelect' ) . val ( '111' ) ; 2,单选框: $ ( "input[@type=radio][@checked]" ) . val ( ) ; //得到单选框的选中项的值(注意中间没有空格) $ ( "input[@type=radio][@value=2]" ) . attr ( "checked" , 'checked' ) ; //设置单选框value=2的为选中状态.(注意中间没有空格) 3,复选框: $ ( "input

关于单选框和复选框按钮自定义

阅读更多关于关于单选框和复选框按钮自定义

很多时候我们不需要浏览器自带的单选框按钮样式我们想吧单选框按钮图标换成我们自己想要的图标这里我自己琢磨出来有2种方式可以实现第一种是用图片来代替单选按钮通过js来控制图片这种方法实现起来很简单就不列代码了主要说第二种第二种是使用css来控制单选框图标先将input标签隐藏起来然后給 label标签添加背景图完整代码如下可以找2张宽20的图片来写个demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .zz { background: url(./public/images/ic_g.png) no-repeat; padding-left: 20px; background-position: center left; } input[type=radio]:checked+label { background: url(./public/images/ic_g

firefox中 checkbox属性checked=\"checked\"已有，但复选框却不显示打钩的原因

阅读更多关于 firefox中 checkbox属性checked=\"checked\"已有，但复选框却不显示打钩的原因

最近在调试复选框的应用，在ie没有问题，考虑到兼容性，试试了firefox，遇到了问题。复选框绑定了click事件，点一次选中，再点击取消选中，依次类推。这个功能在ie中没问题，但是在firefox中测试的时候，前两次都没有问题，可以正常显示选中和取消，但当再去选中的时候，复选框的属性checkbox值变为"checked"，没问题，但是复选框却不在显示选中状态，明明属性值改了，但是却不显示勾选，太诡异了。代码修改了却得不到正确的显示状态，纠结了很久，找不到原因。正解：后来经偶像指点，原来是jQuery版本问题。我操作属性用的是 $("**").attr("attrName");而jQuery的版本用的是1.9，这就是存在一个兼容性和稳定性问题。 jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即 //禁止勾选 $("input[type='checkbox']").prop("disabled", false); //选中 $("input[type='checkbox']").prop("checked", true); //取消 $("input[type='checkbox']").prop("checked", false); 在使用是将attr改为prop，问题得解。来源： https:/

java web 复选框checked

阅读更多关于 java web 复选框checked

熟悉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

Android之CheckBox、RadioButton、ToggleButton

阅读更多关于 Android之CheckBox、RadioButton、ToggleButton

1.首先我们找到一个API文档中的Demo大概是如下图所示 2.XML布局文件为 1 <?xml version="1.0" encoding="utf-8"?> 2  3 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 4 xmlns:tools="http://schemas.android.com/tools" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 android:orientation="vertical" 8 tools:context=".ButtonWidgetActivity" > 9  10 <RelativeLayout 11 android:layout_width="match_parent" 12 android:layout_height="match_parent" 13 android:layout_weight="10" > 14  15

订阅复选框