首页 > 热门标签 > radio
  • 设置Radio button 和Checkbox 在disabled 状态的样式
    有时需要在view页面设置标签的状态为disabled,但是客户反映radio button和checkbox的颜色很浅,难以识别,尤其是打印后,如下: 可以使用下面的css更改原有的样式input[
    2022/10/29 16:42:06111
  • 自定义input[type=radio]的样式
    对于表单,input[type="radio"] 的样式总是不那么友好,在不同的浏览器中表现不一。为了最大程度的显示出它们的差别,并且为了好看,首先定义了一些样式:html:<form action=""> <div c ...
    2016/9/27 0:00:0641
  • input 属性radio中设置checked 不生效
    同一个页面中有许多地方都用到了单选按钮并设置了默认选中 , 结果在运行的时候发现单选按钮没有被默认选中由于是复制然后修改个别属性 ,然后直接使用的 , 所以name值忘记修改了 , 单选框是根据name来判断选中 .修改前 类似这样:由于是多个地方使用单选按钮 , 将所有使用了单 ...
    2017/10/20 16:00:2212
  • jquery实现点击radio,当选中‘其它’时,显示后面输入框;否则隐藏
    有时候会遇到这么一个很简单的功能:jquery实现点击radio,当选中‘其它’时,显示后面输入框;否则隐藏html代码:<div> <input type="radio" name="rd& ...
    jquery2015/8/27 22:00:409
  • 自定义表单样式之checkbox和radio
    1,起因最近在工作中要实现自定义式的radio样式,而我们通常使用的时默认的样式,因为自己实在想不到解决的方法,于是开始搜索,最终看到了不错的解决办法,可以完美解决我们遇到的问题。2,原理大家都知道在写结构的时候,radio或checkbox都会跟随label一起使用,label ...
    2015/7/12 19:00:108
  • html中radio单选按钮控件标签用法解析及如何设置默认选中
    Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。 ...
    HTML2014/11/17 16:00:058
  • 纯css3实现的超炫checkbox复选框和radio单选框
    之前为大家分享了好多css3实现的按钮。今天要为大家分享的是纯css3实现的checkbox复选框和radio单选框,效果超级炫。先让我们看看图吧! 在线预览 源码下载 这个实例完全由css3实现的没有任何js代码。下面我们一起看下实现代码吧html代码 ...
    CSS2014/8/27 23:00:066
  • HTML的checkbox和radio的美化
    checkbox和radio的美化checkbox:<style type="text/css"> input[type="checkbox"] { display: none; } input[type=&q ...
    HTML2015/2/9 0:00:175
  • checbox复选框实现radio单选框的单选功能
    checbox复选框实现radio单选框的单选功能:大家知道复选框可以一次选中多个,单选按钮每次只能够选中其中的一个,但是单选按钮比较霸道,你选中以后,只能够且必须选中其中一个,所有下面就通过checkbox复选框模拟实现单选按钮的功能,但是能够取消选中的项。代码如下:<! ...
    2016/2/3 20:00:204
  • jQuery如何获取选中单选按钮radio的值
    jQuery如何获取选中单选按钮radio的值:下面介绍一下如何获取选中的单选按钮的值,代码非常简单。代码如下:var theradioValue=$('input:radio[name="theradio"]:checked').val();以上代码可以获取 ...
    jquery2015/7/20 15:00:134
  • Extjs4循序渐进(三)——表单及表单控件详解一(表单布局和基础控件 Text,TextArea,Number,Checkbox,Radio,Date)
    表单基础 如果说GRID是数据展示最直接的方式,那么表单就是数据采集最常用的方式。在一个项目中,从小的登录界面到大的报表填报,表单无处不在。而Ext中提供了大量的表单控件,不仅美化了html本身所提供的表单元素,也有着其不具备的强大功能。值得一说的是,在性能上Extjs还是有一定的瓶颈,请大家注意优化,切勿滥用。(因表单控件较多,分多个篇章来讲述,务必会具体到各个细节 ...
    2012/5/4 13:01:164
  • js点击radio动态更新table数据
    tbody定义一个标签当上面变化的,在js里面做拼接就行了,拼接结束 tbody.html(XXX) <script type="text/javascript"> $(function(){ var quotas = { 1:{na ...
    2017/7/19 0:00:173
  • jquery无法选中radio单选框解决方案
    jquery无法选中radio单选框解决方案Intro昨天突然遇到一个问题,没有任何征兆的。。,jquery 选中radio button单选框时,一直没有办法选中, <label class="t-radio t-circle-radio t-green-ra ...
    jquery2017/1/18 0:00:483
  • jquery 判断多组radio checkbox是否选中
    最近要做一个问卷调查的小页面,需要判断用户是否每项都有选择,如果每个都挨个判断很苦逼,所以网上搜了搜,自己也总结了一下,写了一段小代码~哈哈,水平有限大家见谅。html代码就不上了,N多单选和多选框就对了。。。function validate_all(){ var radio ...
    jquery2015/6/5 0:00:123
  • 修改radio、checkbox、select默认样式的方法
    样式radioselectcheckbox兼容性现在前端页面效果日益丰富,默认的input组件样式显然已经不能满足需求。趁着这次开发的页面中有这方面的需求,在这里整理一下修改radio、checkbox、select的方法。首先上效果图:radio and checkbox修改r ...
    2016/1/21 12:00:092
  • jQuery 取选中的radio的值
    var val=$('input:radio[name="sex"]:checked').val();附三种方法都可以:$('input:radio:checked').val(); $("input[type='radio']:checked&q ...
    jquery2015/12/14 12:00:092
  • 关于html中radio多选问题
    今天做项目的时候写单选,发觉input radio的可以多选,之前都没留意过,还以为自己的win8傻了,因为装了win8这两个星期来总是有些问题。     <div > <input type="radio" name="1" value="1" />公开(署名)   &l ...
    HTML2012/7/15 20:00:062
  • 纯CSS3美化单选按钮radio
    这种纯CSS3美化单选按钮radio的方法适用于以下情况:1、可兼容IE9以上,需要兼容IE8的要写IE的hack把样式去掉2、只支持单选按钮radio,因为单选按钮选中样式的圆圈可以用CSS做出来,但是复选按钮checkbox的选中效果对勾就需要图片或者图标字体库3、不需要JS ...
    CSS2017/6/23 0:00:201
  • checkbox  radio 的对齐问题
    不仅不同浏览器不同,不同的字体,不同的文字大小也会表现不一样。重置 form checkbox & radio  因为不同浏览器解析不一样,有些是默认margin,有些是默认padding,还有ie6,7连margin和padding即使设置为0后,所占的空间还是比较大, ...
    2016/12/22 0:00:141
  • jQuery 获取 radio 选中后的文字
    如果html为 <input type="radio" id="test" name="test" value="1" /><span>测试1</span>则js为 ...
    jquery2016/9/20 15:00:051
  • css3的实现的checkbox复选框和radio单选框绚丽美化效果
    css3的实现的checkbox复选框和radio单选框绚丽美化效果:在css3之前要美化单选框和复选框无非是使用图片进行相关的替换操作,并且还有很大的局限性。由于css3的出现,一切好像变的都变的轻松起来,并且效果非常的绚丽,这是使用css2无法做到的,下面就分享一段能够实现此 ...
    CSS2016/1/22 1:00:111
  • jquery模拟下拉框单选框复选Select,Checkbox,Radio
    在项目中,你会发现设计稿中常常会有单选框,复选框,但都不是系统默认的样式,这就可以用jquery来模拟它们:如图所示,实现它们所需要的代码如下:首先需要引入的代码:<link rel="stylesheet" href="css/reset.c ...
    jquery2015/8/29 21:00:041
  • jquery 取消 radio checked 属性,重新选中的问题解决
    <input type="radio" name="test"/><input type="radio" name="test" id = "input2 ...
    jquery2015/7/2 18:00:031
  • radio数据回显
    在做练习的时候遇到这样一组<radio>添加保存数据的时候是JUST SO EASY,BUT在修改数据回显的时候,因为返回的对象是JSON,获取到radio的value值之后怎么也不能让页面正常显示选择的数据,上网查了一种方法,把我的问题解决了,现在分享给 ...
    2015/3/12 13:01:261
  • 自己写的一个radio美化插件(有待完善)
    第一次写插件,功能方面还有所欠缺,有待完善。效果图:css: .myForm{width:500px;height: 500px;border: 1px solid #cecece;margin: 50px;} .myForm form{margin: 100px;} .myF ...
    2014/12/29 0:01:311
  • JQuery判断radio是否选中,获取选中值
    本文摘自:http://www.cnblogs.com/xcj1989/archive/2011/06/29/JQUERY_RADIO.html /*---------------------------JQuery判断radio是否选中,获取选中值----------- ...
    jquery2014/10/17 12:00:141
  • 纯js模拟 radio和checkbox控件
    代码待优化,功能实现了,不兼容ie8以上, 相同name的radio可以实现切换的操作, 分享代码,共同学习进步 <!doctype html><html> <head> <meta charset="utf-8&q ...
    2014/5/16 19:00:051
  • jQuery操作input type=radio
    <input type="radio">如下:<input type="radio" name="city" value="BeiJing">北京<input type="radio" name="city" value="TianJin& ...
    jquery2012/6/7 23:00:141
  • query 中 radio选中小技巧
    在php中经常,经常要用到radio选中按钮,下次再登录时默认记录用户选中的选项,在PHP判断的时候:在input中不能加checked=“<?php ;?>”;否则失效 ...
    2017/11/30 1:00:100
  • input type=radio  赋值问题
    之前项目中 后台传值 然后赋给单选input 在网上找了好久,现在有时间了,整理一下 ,方便以后有人会用到。 $('radio[name="sex"][value'"+sexval+"']&# ...
    2017/11/23 20:00:150