Jquery获对HTML控件的控制

Jquery获对HTML控件的控制

1、获取控件的值
　　1.1、radio

　　　　1.1.1 获取一组radio被选中项的值 
　　　　　　　　var item = $(‘input[name=items][checked]‘).val();

　　　　1.1.1 radio单选组的第二个元素为当前选中值 
　　　　　　　　$(‘input[name=items]‘).get(1).checked = true;
　　1.2、select

　　　   1.2.2 获取select被选中项的文本 
　　　　　　　var item = $("select[name=items] option[selected]").text();

　　　　1.2.1 设置select选中为某一项
　　　　　　$(‘#select_id‘)[0].selectedIndex = 1;

　获取值： 

　　　　　　文本框，文本区域：$("#txt").attr("value")； 
　　　　　　多选框checkbox：$("#checkbox_id").attr("value")； 
　　　　　　单选组radio： $("input[type=radio][checked]").val(); 
　　　　　　下拉框select： $(‘#sel‘).val(); 

2、控制表单元素： 
　 文本框，文本区域：

　　　　　　$("#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的项目为当前选中项 

　　下拉框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不能取到值 ，$("")是一个jquery对象，而不是一个dom element ；

　　　　　　value是dom element的属性 ，jquery与之对应的是val 。val() :获得第一个匹配元素的当前值；val(val):设置每一个匹配元素的值。 

　　　　　　所以，代码应该这样写： 

　　　　　　　　　　取值：val = $("#id")[0].value  或者 val = $("#id").attr("value");
　　　　　　　　　　赋值： $("#id")[0].value = "new value"  或者  $("#id").val("new value"); 

Jquery获对HTML控件的控制,古老的榕树,5-wow.com