2014-09-25——jQuery获取Form表单数据

1、Text

$("#txt").attr("value");

$("#txt").val();

2、Select Text&Value

获取select选中的 text :  $("#ddlregtype").find("option:selected").text();
获取select选中的 value:  $("#ddlregtype").val();
获取select选中的索引:    $("#ddlregtype").get(0).selectedIndex;
设置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<count;i++)
         {           if($("#ddlregtype ").get(0).options[i].text == text)
            {
                $("#ddlregtype ").get(0).options[i].selected = true;
                break;
            }
        }

 $("#select_id option[text='jquery']").attr("selected", true);

设置select option项: 

    $("#select_id").append("<option value='value'>text</option>");  //添加一项option
    $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项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

清空 select:
    $("#ddlregtype ").empty();

3、Checkbox

$("input[name="checkbox1"]").val();

判断checkbox是否选中：

if($("input[name=checkbox1]").attr('checked')==true)

<input type="checkbox" name="checkbox1" value="1"> 跑步 
<input type="checkbox" name="checkbox2" value="2"> 打球  
<input type="checkbox" name="checkbox3" value="3"> 登山  
<input type="checkbox" name="checkbox4" value="4"> 健美

$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});

4、radio

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