您好,欢迎访问一九零五行业门户网

jquery对单选框,多选框,文本框等常见操作小结_javascript技巧

一、文本框、单选按钮、复选框、相关操作
复制代码 代码如下:
var sex=$(input[name='sex']:checked).val();   //获取一组radio被选中项的值 
var item=$(#sel option:selected).text();      //获取select被选中项的文本 
var option_num=$('#sel').val();                 //获取select项目索引
$(#sel)[0].selectedindex =1;                  //select下拉框的第二个元素为当前选中值
$(input[name='sex']).get(1).checked=true;     //radio单选组的第二个元素为当前选中值  或者对单选框默认选定设置:
$(input[name='sex']).each(function(){
            if($(this).val()==s){
                $(this).attr(checked,true);
                                //this.checked=true;
            }
        });
jquery 根据value值设置下拉列表(select)默认选中项
复制代码 代码如下:
请选择
  item 1
  item 2
  item 3
二、 jquery获取 select选择的text和value
复制代码 代码如下:
语法解释:
 $(#select_id).change(function(){//code...});   //为select添加事件,当选择其中一项 时触发
 var checktext=$(#select_id).find(option:selected).text();  //获取select选择的text
 var checkvalue=$(#select_id).val();  //获取select选择的value
 var checkindex=$(#select_id ).get(0).selectedindex;  //获取select选择的索引值
 var maxindex=$(#select_id option:last).attr(index);  //获取select最大的索引值 jquery设置select选择的text和value:
语法解释:
 $(#select_id ).get(0).selectedindex=1;  //设置select索引值为1的项选中
 $(#select_id ).val(4);   //设置select的value值为4的项选中
 $(#select_id option[text='jquery']).attr(selected, true);   //设置 select的text值为jquery的项选中
jquery添加/删除select的option项:
语法解释:
 $(#select_id).append(text);  //为select追加一个option(下拉项)
 $(#select_id).prepend(请选择);  //为select插入一个option(第一个位置)
 $(#select_id option:last).remove();  //删除select中索引值最大option(最后一个)
 $(#select_id option[index='0']).remove();  //删除select中索引值为0的 option(第一个)
 $(#select_id option[value='3']).remove();  //删除select中value='3'的 option
 $(#select_id option[text='4']).remove();  //删除select中text='4'的option
应用:
复制代码 代码如下:
jquery common
其它类似信息

推荐信息