jQuery 之htm控件操作

以下是整理了对html中控件的操作方法。以备查询：

1、文本框

 //取id为txtName的文本框的值
2 var v = $("#txtName").val();
3 
4 //将id为txtName的文本框的值设置为hello world
5 $("#txtName").val("hello world"); 或 $("#txtName").attr("value","hello world"); 

 //将id为txtName的文本框禁用
2 $("#txtName").attr("disabled","disabled");
3 
4 //启用id为txtName的文本框
5 $("#txtName").attr("disabled","");

 

2、下拉列表

 1 //为id为searchType的下拉列表添加改变事件
 2 $("#searchType").change(function(){
 3     var t = $("#searchType").val();
 4     if(t=="all"){
 5         $("#txtVal").attr("disabled","disabled");
 6     }
 7     else{
 8         $("#txtVal").attr("disabled","");
 9     }
10 });

 1 $("<option value="+"option_value"+">"+"option_display"+"</option>").appendTo("#select_id");    //追加选项到select

 $("#lstWin option:selected").text()    //获取选中的项的文本
2 $("#lstWin option:selected").val()     //获取选中的项的值

 

 3、checkbox

 $("input:radio:checked").val()    //获取选中的radio的值