radio

转载自： http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 日期校验ie6出错，慎用 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀） (12

语法解释： 1 $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3 var checkValue=$("#select_id").val(); //获取Select选择的Value 4 var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5 var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的Text和Value: 语法解释： 1 $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2 $("#select_id ").val(4); //设置Select的Value值为4的项选中 3 $("#select_id option[text='jQuery']").attr("selected", true); /

var mykindtxt=$("#kind option:selected").text();//获取表单selected 选中文本内容 jquery如何 取得 text,areatext,radio,checkbox,select 的值 , 以及其他一些操作 ; 假如我们有如下页面: < input type = " text " name = " textname " id = " text_id " value = "" > ...........在此不写出来了 下面来看怎么取得 FORM 中的各种值等等 ; function get_form_value (){ /* 获得 TEXT.AREATEXT 的值 */ var textval = $ ( " #text_id " ) . attr ( " value " ) ; // 或者 var textval = $ ( " #text_id " ) . val () ; /* 获取单选按钮的值 */ var valradio = $ ( " input[@type=radio][@checked] " ) . val () ; /* 获取复选框的值 */ var checkboxval = $ ( " #checkbox_id " ) . attr ( " value " ) ； /* 获取下拉列表中所有的值 */

一、jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另：判断radio是否选中并取得选中的值 如下所示： function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--选中的值为："+$(":radio:checked").val()); } } 二、 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items] option[selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; //（转换为DOM对象实现） radio单选组的第二个元素为当前选中值 $('input[name=items]').get(1).checked = true; //（转换为DOM对象实现） 三

今天操作一个单选框浪费太多时间，现在其实很简单得东西，记录一下： 1，问题一，定位不到 如图，使用selenium IDE和xpath helper都试过，无法成功定位到这个单选框，实际上是因为，这个单选框是在表格内，需要一层一层得地方 1）找到表格上层得元素，然后一层一层得向下 2）根据html文件，一层一层向下定位，最后定位元素位置为： xpath->//div[@id='addUserModal']/div[2]/div/div/form/table-component/div/table/tbody/tr/td[1]/div/span/input[@type='radio'] 2,点击radio单选框无响应 如问题1，元素找到了，但是click点击不生效， 然后加了如下一步解决 sleep(2) 哭晕，浪费太多时间，记录一下吧 来源： https://www.cnblogs.com/mrwuzs/p/11734214.html

微信小程序Checkbox实现 index.wxss .checkbox { vertical-align: middle; display: inline-block; position: relative; padding-left: 20px; } .checkbox-hidden { position: absolute; left: -9999px; } .checkbox-icon-group { position: absolute; top: 50%; margin-top: -7px; left: 0px; vertical-align: middle; display: inline-block; border: 1px solid #d1d1d1; background-color: #fff; border-radius: 3px; width: 13px; height: 13px; } .checkbox-uncheckable-icon { position: absolute; top: 50%; margin-top: -7px; left: 0px; vertical-align: middle; display: inline-block; border: 1px solid #d1d1d1; background-color: #fff;

1、没有修改过的默认（禁用）样式： 2、 修改默认样式（大小颜色圆角） /* 修改默认样式 */ checkbox .wx-checkbox-input,radio .wx-radio-input { border-radius: 50%; width: 40rpx; height: 40rpx; background: #fff; } 3、修改checked状态时的样式。为什么不直接在这里修改背景色，因为所有都disabled了，checked的背景色只能修改中间的打钩的部分。 /* 修改checked样式 */ radio .wx-radio-input.wx-radio-input-checked::before, checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{ color: #fff; } 4、修改禁用且checked的样式： /* 修改禁用且checked的样式 */ radio .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled, checkbox .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled { background:

wxml: <view class='title'>radio单选标签</view> <radio-group bindchange="radioChange"> <view class='label'> <label class="ui-radio {{item.checked==true?'active':''}}" wx:for="{{items}}"> <radio value="{{item.value}}" checked="{{item.checked}}" /> <text class="text">{{item.name}}</text> </label> </view> </radio-group> <view class='title'>checkbox多选标签</view> <checkbox-group bindchange="checkboxChange"> <view class='label'> <label class="ui-radio {{item.checked==true?'active':''}}" wx:for="{{checkboxItems}}"> <checkbox value="{{item.name}},{{item.id}}" checked="{{item.checked}}" /> <text class="text">

刚开始小程序出来那会研究过自定义radio和checkbox的样式，在后来的升级中，原先写的样式出现了一些问题， 例如： 1、未选中和选中时按钮大小不一，导致view盒子高度变化，出现晃动； 2、选中后出现按钮还有原始的默认背景（绿色）； 这是升级后的，主要还是觉得自定义样式能使我们在小程序的开发中减少图片的加载以及内存；同时后期的维护也更加便利； 更改radio的样式，效果如下图： wxml: <view class='item ft-30 h90 flex flex-vc bd-bt-f4f pd-lt20 pd-rt20'> <label class='item-left color-333 mg-rt10' for='sex'>性别：</label> <radio-group class="item-right radio-group" bindchange="changeSex"> <label class="radio" wx:for="{{items}}"> <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.name}} </label> </radio-group> </view> css: /* 自定义 radio 样式 */ radio{ width: 38rpx; } radio

jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass") 层叠选择器： $("form input") 选择所有的form元素中的input元素 $("#main > *") 选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点，经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器，该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签 基本过滤选择器： $("tr:first") 选择所有tr元素的第一个 $("tr:last") 选择所有tr元素的最后一个 $("input:not(:checked) + span") 过滤掉：checked的选择器的所有的input元素