jQuery对html元素取值与赋值的方法,JQUERY获取for
分类:关于美高梅

input:

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

input:

var xxx = $('#ID').val()


checkbox:

var xxx = [ ];
$('input[name=MyName]:checked).each(function(index, element) {
xxx.push($(element).val());
// 或者 xxx.push($(this).val());
});

注意:这里没有基于ID,有些不严谨。如果你的checkbox元素是某个容器的子元素(假设容器的id为con_id),则可以这样选择:

======

$('#con_id input[name=MyName]:checked')
或者
$('input[name=MyName]:checked', '#con_id')

radio:

var xxx = $(''input[name=MyName]:checked”).val();

======

注意:这里没有基于ID。要限制指定的ID,参看上面checkbox的情况


select:

var xxx = $("#ID option:selected").val();

======

注意两点:

1.select选中的属性是“seleted”,而不是“checked”。

2.select默认是“单选的”,如果是多选(multiple),我没有试过。想必用.each()可以处理。

Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容

假如我们有如下页面:
<input type="text" name="textname" id="text_id" value="">
...........在此不写出来了

var xxx = $('#ID').val()

jquery获取input的值

看看这段能不能帮到你!祝成功!

01 jquery取radio单选按钮的值

02 $("input[name='items']:checked").val();

03 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

04 获取一组radio被选中项的值

05 var item = $('input[name=items][checked]').val();

06 获取select被选中项的文本

07 var item = $("select[name=items] option[selected]").text();

08 select下拉框的第二个元素为当前选中值

09 $('#select_id')[0].selectedIndex = 1;

10 radio单选组的第二个元素为当前选中值

11 $('input[name=items]').get(1).checked = true;

12

13 获取值:

14

15 文本框,文本区域:$("#txt").attr("value");

16 多选框checkbox:$("#checkbox_id").attr("value");

17 单选组radio: $("input[type=radio][checked]").val();

18 下拉框select: $('#sel').val();

19

20 控制表单元素:

21 文本框,文本区域:$("#txt").attr("value",'');//清空内容

22 $("#txt").attr("value",'11');//填充内容

23

24 多选框checkbox: $("#chk1").attr("checked",'');//不打勾

25 $("#chk2").attr("checked",true);//打勾

26 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

27

28 单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

29 下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

30 $("&l......余下全文>>  

TEXTBOX:

下面来看怎么取得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");
/*获取下拉列表中所有的值*/
var selectval = $('#select_id').val();
//获取下拉列表选取中的值,此方法针对所有下拉框都起作用的
//此方法针对所有下拉框都起作用的
//如果针对某ID进行获取,$(‘#id>option').each()即可


Jquery怎获取设置radio select checkbox 文本框?

获取一组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",'');//清空内容
$("#txt").attr("value",'11');//填充内容 多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 (错)
$("input[@name=radio_s][@value=16]").attr("checked",true);(测试通过)下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框$("#select1")[0].options(index).selected = true; ......余下全文>>  

input: var xxx = $('#ID').val() --------------------------------------------------------------------...

复制代码 代码如下:

$('select>option').each(function(){
if($(this).attr('selected')==true)
{
alert($(this).text());
}
})
}
3.另外对表单的其他处理:
//控制表单元素:
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框

checkbox:

var str = $('#txt').val();
$('#txt').val("Set Lbl Value");

您可能感兴趣的文章:

  • jQuery-serialize()输出序列化form表单值的方法
  • jquery获取input表单值的代码
  • jQuery对表单元素的取值和赋值操作代码
  • jquery设置text的值示例(设置文本框 DIV 表单值)
  • 如何使用Jquery获取Form表单中被选中的radio值
  • jquery获取元素值的方法(常见的表单元素)
  • Jquery 表单取值赋值的一些基本操作
  • jQuery根据表单name获取值的方法
  • jquery ajax提交表单从action传值到jsp实现小结
  • jQuery表单设置值的方法
var xxx = [ ];
$('input[name=MyName]:checked).each(function(index, element) {
xxx.push($(element).val());
// 或者 xxx.push($(this).val());
});

//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');// 填充内容

注意:这里没有基于ID,有些不严谨。如果你的checkbox元素是某个容器的子元素(假设容器的id为con_id),则可以这样选择:

LABLE:

======

复制代码 代码如下:

$('#con_id input[name=MyName]:checked')
或者
$('input[name=MyName]:checked', '#con_id')

var str = $('#lbl').text();
$('#lbl').text("Set Lbl Value");


   var valradio = $("input[@type=radio][@checked]").val();
   var item = $('input[@name=items][@checked]').val();
var checkboxval = $("#checkbox_id").attr("value");
   var selectval = $('#select_id').val();
//多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);// 勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中

radio:

单选组radio:

var xxx = $(''input[name=MyName]:checked”).val();

复制代码 代码如下:

======

$("input[@type=radio]").attr("checked",'2'); //设置value=2的项目为当前选中项

注意:这里没有基于ID。要限制指定的ID,参看上面checkbox的情况

//下拉框select:
$("#美高梅网址,select_id").attr("value",'test');// 设置value=test的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的 option
$("#select_id").empty();//清空下拉框


获取一组名为 (items)的radio被选中项的值
var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获 取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

select:

//重置表单
$("form").each(function(){
   .reset();
});

var xxx = $("#ID option:selected").val();

您可能感兴趣的文章:

  • jquery select(列表)的操作(取值/赋值)
  • Jquery 表单取值赋值的一些基本操作
  • jquery select(列表)的操作(取值/赋值)
  • jQuery对表单元素的取值和赋值操作代码
  • Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
  • Jquery操作下拉框(DropDownList)实现取值赋值
  • Jquery中val()表单取值赋值的实例代码
  • jQuery中的RadioButton,input,CheckBox取值赋值实现代码
  • jQuery 取值、赋值的基本方法整理
  • Jquery给基本控件的取值、赋值示例
  • jQuery对html元素的取值与赋值实例详解
  • jQuery给div,Span, a ,button, radio 赋值与取值

======

注意两点:

1.select选中的属性是“seleted”,而不是“checked”。

2.select默认是“单选的”,如果是多选(multiple),我没有试过。想必用.each()可以处理。

您可能感兴趣的文章:

  • JQuery扩展插件Validate—6 radio、checkbox、select的验证
  • Jquery操作radio,checkbox,select表单操作实现代码
  • Jquery 获取表单text,areatext,radio,checkbox,select值的代码
  • LazyForm jQuery plugin 定制您的CheckBox Radio和Select
  • jquery text,radio,checkbox,select操作实现代码
  • jquery的checkbox,radio,select等方法小结

本文由美高梅网址发布于关于美高梅,转载请注明出处:jQuery对html元素取值与赋值的方法,JQUERY获取for

上一篇:调用系统命令的方法分享,js中创建和管理外部进 下一篇:没有了
猜你喜欢
热门排行
精彩图文