jQuery 之htm控件操作

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

1、文本框

1 //取id为txtName的文本框的值

2 var v = $("#txtName").val();

3

4 //将id为txtName的文本框的值设置为hello world

5 $("#txtName").val("hello world"); 或 $("#txtName").attr("value","hello world");

1 //将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

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

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

3、checkbox

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