radio选中

jq select操作全集

笑着哭i 提交于 2020-04-03 02:51:16
添加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

JQuery常用操作

旧城冷巷雨未停 提交于 2020-03-17 04:45:47
//遍历option和添加、移除option function changeShipMethod(shipping){   var len = $("select[@name=ISHIPTYPE] option").length    if(shipping.value != "CA"){      $("select[@name=ISHIPTYPE] option").each(function(){         if($(this).val() == 111){          $(this).remove();         }    });    } else   {     $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));   } } //取得下拉选单的选取值 $(#testSelect option:selected').text(); 或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val(); ////////////////////////////////////////////////////////////////// 记性不好的可以收藏下: 1

jQuery的radio,checkbox,select操作

|▌冷眼眸甩不掉的悲伤 提交于 2020-03-17 04:41:33
获取一组 radio 被选中项的值 var item = $ ( ' input[@name=items][@checked] ' ) . val () ; 获取 select 被选中项的文本 var item = $ ( " select[@name=items] option[@selected] " ) . text () ; select 下拉框的第二个元素为当前选中值 $ ( ' #select_id ' )[ 0 ] . selectedIndex = 1 ; radio 单选组的第二个元素为当前选中值 $ ( ' input[@name=items] ' ) . get ( 1 ) . checked = true ; 获取值: 文本框,文本区域:$ ( " #txt " ) . attr ( " value " ) ; 多选框 checkbox :$ ( " #checkbox_id " ) . attr ( " value " ) ; 单选组 radio : $ ( " input[@type=radio][@checked] " ) . val () ; 下拉框 select : $ ( ' #sel ' ) . val () ; 控制表单元素: 文本框,文本区域:$ ( " #txt " ) . attr ( " value " , '' ) ; //清空内容

Gridview 中的radio唯一选中

こ雲淡風輕ζ 提交于 2020-02-16 07:38:22
方法1:如果你只是想唯一选中,不触发任何事件:你可以用前台控件 <input id = "select" type = "radio" /> 方法2:Gridview中的radio用服务器控件 后台: this._offerCounties.Attributes.Add("onclick", "postBackByObject()"); 前台代码: <script language="javascript"> function postBackByObject() { var element = window.event.srcElement; if (element.tagName == "INPUT" && element.type == "checkbox") { var checkedState = element.checked; while (element.tagName != "TABLE") element = element.parentElement; UnCheck(element); element = element.nextSibling; if (element == null) return; var childTables = element.getElementsByTagName("TABLE"); for (var tableIndex =

纯CSS3美化单选按钮radio

烂漫一生 提交于 2020-01-16 03:59:27
这种纯CSS3美化单选按钮radio的方法适用于以下情况: 1、可兼容IE9以上,需要兼容IE8的要写IE的hack把样式去掉 2、只支持单选按钮radio,因为单选按钮选中样式的圆圈可以用CSS做出来,但是复选按钮checkbox的选中效果对勾就需要图片或者图标字体库 3、不需要JS支持切换效果 下图是最终效果图: HTML代码: <label for="man" class="radio"> <span class="radio-bg"></span> <input type="radio" name="sex" id="man" value="男" checked="checked" /> 男 <span class="radio-on"></span> </label> <label for="woman" class="radio"> <span class="radio-bg"></span> <input type="radio" name="sex" id="woman" value="女" /> 女 <span class="radio-on"></span> </label> CSS代码: .radio{ display: inline-block; position: relative; line-height: 18px; margin-right:

JQuery attr()、prop()测试

天涯浪子 提交于 2020-01-05 05:05:25
attr()、prop()在介绍中都可以设置属性、获取属性值,本文只是针对一个 radio的简单测试;   <input type="radio" id = "isForeign2" checked="checked" /> or <input type="radio" id = "isForeign2" checked /> 一、取值不同:   attr()取值为String,如果获取当前标签上不存在的属性,例如第二个input上的name属性,则为undefined;   prop()取值为String或者状态,如果获取当前标签上不存在的属性,例如第二个input上的name属性,为"";    or 二、当前input type=“radio"时,会存在radio的一些属性值,对radio的属性进行取值   以此为例:radio中存在一个默认的属性:defautChecked;(详情参考:http://www.runoob.com/jsref/dom-obj-radio.html)   1、获取值   attr("defaultChecked");获取时,会得到undefined;   prop("defaultChecked");获取时,可以得到当前radio的选中状态;      2、设置属性   attr("checked",true); or attr(

jquery 设置 Select CheckBox Radio

吃可爱长大的小学妹 提交于 2020-01-05 04:59:15
一 、Select jQuery获取Select选择的Text和Value: 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(

JQuery操作Select、Checkbox、Radio

柔情痞子 提交于 2020-01-05 04:59:07
一 、Select jQuery获取Select选择的Text和Value: 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(

jquery radio的取值 radio的选中 radio的重置

耗尽温柔 提交于 2020-01-05 04:36:28
radio 按钮组, name=”sex”. <input type="radio" name="sex" value="Male">Male</input> <input type="radio" name="sex" value="Female">Female</input> <input type="radio" name="sex" value="Unknown">Unknown</input> 1. 获取radio选中的value. $('input:radio[name=sex]:checked').val(); 2. 选择 radio 按钮 (Male). $('input:radio[name=sex]:nth(0)').attr('checked',true); 或者 $('input:radio[name=sex]')[0].checked = true; 3. 选择 radio 按钮 (Female). $('input:radio[name=sex]:nth(1)').attr('checked',true); 或者 $('input:radio[name=sex]')[1].checked = true; 4. 选择 radio 按钮 (Unknown). $('input:radio[name=sex]:nth(2)').attr('checked'

jQuery select操作控制方法小结

五迷三道 提交于 2019-12-10 06:44:41
jQuery获取Select选择的Text和Value: 语法解释: 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(