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的值

 

 

转载于:https://www.cnblogs.com/tonysuen/archive/2009/12/11/1621686.html