`
seattle2881
  • 浏览: 32495 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

jquery获取和设置radio,check,select选项(转)

阅读更多

select控件选项

1,获取select选中的value值

      $("#selectID").val();

2,获取select选中的text的值

 $("#selectID").find("option:selected").text()

3,设置select的第几项为当前选中项

$("#selectID").attr("value",2);//设置第二项为当前选中项

4,添加option

$("selectID").append("<option value='5'>select5</option>");

5,删除一项option

$("#SelectID option[value='3']").remove();  //删除Select中Value='3'的Option

6.,获取Select选择的索引值 

var checkIndex=$("#selectID ").get(0).selectedIndex;  //获取Select选择的索引值 

7,删除所有项

$("#SelectID").remove();

 

checkbox控件的使用

1,获取checkbox的value

$("#checkboxID").value或$("input[type='checkbox']").eq(n).attr("checked").value

2,设置选中项

$("input[type='checkbox']").eq(1).attr("checked")//设置第一个checkbox为选中的项

3,删除所有checkbox

  $("input[type='checkbox']").remove()

4,checkbox方法

  $(document).ready(function() {
        var check = $("input[type='checkbox']");
        check.each(function(n) {
        check.eq(n).bind("click", function() {
          
                if (check.eq(n).attr("checked") != false) {
                    var value = check.eq(n).val();
                    alert(value);
                }
                else {
                    alert(check.eq(n).attr("checked"));
                }
            })
        });
    });

radio控件

1,获取选中的value值

$("input[type='radio']:checked").val();

2,设置指定的项为当前选中项

  $("input[type='radio']").eq(1).attr("checked",true);//设置第二项为选中项

分享到:
评论

相关推荐

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    jQuery设置和获取select、checkbox、radio的选中值方法

    select、checkbox、radio是很常用的表单控件,熟练掌握操作它们的方法,会加快我们的开发速度。 设置单选下拉框的选中值 如果option中没有value属性,那可以通过text设置选中项; 如果option中有value属性,那必须...

    jQuery根据ID获取input、checkbox、radio、select的示例

    input: var xxx = $(‘#ID’).val() ——————————————————————————— checkbox: var xxx = [ ]; $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element)....

    Jquery操作radio,checkbox,select表单操作实现代码

    一 、Select jQuery获取Select选择的Text和Value: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”)....

    JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)

    jQuery获取Select选择的Text和Value: 语法解释: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”)...

    jquery的checkbox,radio,select等方法小结

    1、checkbox日常jquery操作。 现在我们以下面的html为例进行checkbox的操作。 &lt;input id=checkAll type=checkbox /&gt;全选 &lt;input name=subBox type=checkbox /&gt;项1 &lt;input name=subBox type=...

    jquery 获取表单元素里面的值示例代码

    jquery 笔记: 代码如下: $(“input[name=’radio_name’]:checked”).val() ...3 网上的东西太乱了,而且jQuery不同版本可能写法不太一样,经过搜索和做实验,下面写的是jQuery 1.3.2版本下的 jquery radio取值,check

    Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

    jquery取radio单选按钮的值  代码如下: $(“input[name=’items’]:checked”).val();  另:判断radio是否选中并取得选中的值    ...jquery radio取值,checkbox取值,select取值,radio选中,c

    jQuery获取Select选择的Text和Value(详细汇总)

    语法解释: 代码如下: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2.... var checkIndex=$(“#select_id “).get(0).selectedIndex; //获取Select选择的索

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    jquery text,radio,checkbox,select操作实现代码

    控制表单元素: 文本框,文本区域: $(“#txt”).attr(“value”)或者$(“#txt”).val()//获取值 $(“#txt”).attr(“value”,”);//清空内容 $(“#txt”).attr(“value”,’11’);//填充内容 多选框checkbox: $(“#...

    JQuery扩展插件Validate—6 radio、checkbox、select的验证

    解决这个问题的办法是将错误信息指定到一个特定的位置,validate()方法的参数中可以进行自定义,示例代码如下: 代码如下: [removed] jQuery.validator.addMethod(“regex”, //addMethod第1个参数:方法名称 function...

    jquery checkbox,radio是否选中的判断代码

    1:判断radio 代码如下: var selected = $(‘input[name=selectid:checked]’).val();//若未被选中 则val() = null if(selected == null){ alert&#40;“未选中!”&#41;; }else{ alert&#40;“选中!”&#41;; } 2:...

    jQuery对表单元素的取值和赋值操作代码

    $(“#keyword”)[0].value = “”; /*获得TEXT.AREATEXT的值*/ var textval = $(“#text_id”).attr(“value”); //或者 var textval = $(“#text_id”).val(); /*获取单选按钮的值*/ ... /*获取复选框的值*/ var check

    基于jquery的一个简单的脚本验证插件

    maxlen:文本输入框的最大输入长度 minval:数字型文本输入框的最值 maxval:数字型文本输入框的最值 notval:下拉框的必选设置 minselect:单复选框的最少选项数 maxselect:单复选框的最多选项数 … 3、使用范围 ...

    各种选择框jQuery的选中方法(实例讲解)

    select下拉列表的选中方法是:$(“slect option:eq(1)”).attr(“selected”,true);//选中第二个option chekbox的选中方法:$(“[value=check1”]:checkbox).attr(“checked”,true); radio的选中方法:$(“[value=...

Global site tag (gtag.js) - Google Analytics