脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery中对 input 控件的操作，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关

1.获取值

 

jquery取radio单选按钮的值

[htML]  

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

 

 

获取一组radio被选中项的值 

[html]  

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

 

 

获取select被选中项的文本 

[html]  

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

 

 

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

[html]  

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

 

 

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

[html]  

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

 

 

文本框，文本区域：

[html]  

$("#txt").attr("value")；   

 

 

多选框checkbox：

[html] 

$("#checkbox_id").attr("value")；   

 

 

单选组radio：

[html]  

$("input[tyPE=radio][checked]").val();   

 

 

下拉框select：

[html]  

$('#sel').val();   

 

2.控制表单元素：

文本框，文本区域：

[html]  

$("#txt").attr("value",'');//清空内容   

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

 

 

多选框checkbox：

[html]  

$("#chk1").attr("checked",'');//不打勾   

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

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

 

 

单选组radio：

[html]  

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

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

$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option   

$("#sel").empty()；//清空下拉框   

 

注意：

在用$("#id")来获得页面的input元素的时候，发现$("#id").value不能取到值 

 

后来终于在伟大的百度帮助下，找到了问题的原因： 

$("")是一个@R_406_532@，而不是一个dom element 

 

value是dom element的属性 

 

jquery与之对应的是val 

 

val() :获得第一个匹配元素的当前值。 

 

val(val):设置每一个匹配元素的值。 

 

所以，代码应该这样写： 

 

[html] 

取值：val = $("#id")[0].value;   

赋值：   

$("#id")[0].value = "new value";   

或者$("#id").val("new value");   

  

或者这样也可以：val = $("#id").attr("value");  

 

 

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery中对 input 控件的操作全部内容，希望文章能够帮你解决javascript代码实例教程-jQuery中对 input 控件的操作所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。