jQuery 对表单的应用

JQuery获取input type="text"中的值的各种方式

      
          
          
          
          
          
      
  
      
          
        
  
              
            test1  
        
  
          
        
  
              
            test2  
        
  
          
        
  
              
            test3  
        
  
      

用 jQuery 控制 button 的 enabled/disabled

function enableAction() {
    flag = false;
    $("input[type=checkbox][checked]").each(
      function() {
        flag = true;
      }
    );
    if (flag) {
      $("#delete").attr("disabled", false);
    } else {
      $("#delete").attr("disabled", true);
    }
  } // end function enableAction()

$("button").click(function(){
  $("p:first").removeClass("intro");
});
$("button").click(function(){
  $("p:first").addClass("intro");
});

jQuery获取Select元素，并选择的Text和Value:

$("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发 
var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 
var checkValue=$("#select_id").val();  //获取Select选择的Value 
var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值 
var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值 

jQuery获取Select元素，并设置的 Text和Value:

实例分析：

$("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中 
$("#select_id ").val(4);   // 设置Select的Value值为4的项选中 
$("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中 

jQuery添加/删除Select元素的Option项：

实例分析：

$("#select_id").append("Text");  //为Select追加一个Option(下拉项) 
$("#select_id").prepend("请选择");  //为Select插入一个Option(第一个位置) 
$("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个) 
$("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个) 
$("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option 
$("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option 

设置select 选中的索引：

$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

设置select 选中的value：

    $("#ddlRegType ").attr("value","Normal“);
    $("#ddlRegType ").val("Normal");
    $("#ddlRegType ").get(0).value = value;

设置select 选中的text:

var count=$("#ddlRegType option").length;
  for(var i=0;i

设置select option项:

 $("#select_id").append("Text");  //添加一项option
 $("#select_id").prepend("请选择"); //在前面插入一项option
 $("#select_id option:last").remove(); //删除索引值最大的Option
 $("#select_id option[index='0']").remove();//删除索引值为0的Option
 $("#select_id option[value='3']").remove(); //删除值为3的Option
 $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

综合应用

$("document").ready(function(){
        $("#btn1").click(function(){
            $("[name='checkbox']").attr("checked",'true');//全选 
        })
        $("#btn2").click(function(){
            $("[name='checkbox']").removeAttr("checked");//取消全选 
        })
        $("#btn3").click(function(){
            $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 
        })
        $("#btn4").click(function(){
            $("[name='checkbox']").each(function(){//反选 
                if($(this).attr("checked")){
                    $(this).removeAttr("checked");
                }
                else{
                    $(this).attr("checked",'true');
                }
            })
        })
        $("#btn5").click(function(){//输出选中的值 
            var str="";
            $("[name='checkbox'][checked]").each(function(){
                str+=$(this).val()+"\r\n";
               //alert($(this).val()); 
            })
            alert(str);
        })
    })

jQuery更改按钮文本

$("#btnAddProfile").attr('value', 'Save');