jquery 操作表单一（取值）

1.获取文本框的值

        <input type="text" id="text_id"> 

 

 

 var textval = $("#text_id").attr("value");
或
 var textval = $("#text_id").val();

 

 

2.获取被选中的单选框的值

         <input type="radio" name = "radio_name" value="1" checked> 1

         <input type="radio" name = "radio_name" value="2" > 2

 

 

var valradio = $("input[@type=radio][@checked]").val();
或
var valradio = $("input[name='radio_name'][checked]").val();
或
var valradio = $('input[name="radio_name"]:checked').val();
或
var valradio = $('input:radio:checked').val();

 

 

3.获取被选中的复选框的值

  <input type="checkbox" name = "checkbox_name" id="c1" value="1" checked> 1

        <input type="checkbox" name = "checkbox_name" id="c2" value="2" checked> 2

        <input type="checkbox" name = "checkbox_name" id="c3" value="3" > 3

 

//获取某一个复选框的值
 var checkboxval = $("#c1").attr("value");

 //选择被选中复选框元素的集合 如果你想得到Value值，你需要遍历
 $("input[name='checkbox_name'][checked]");

//遍历被选中CheckBox元素的集合 得到Value值
$("input[name='checkbox_name'][checked]")).each(
        function(){
              arrChk+=this.value + ',';
        }
);

 

 

4. 获取下拉列表框的值

       <select id = "select_id">

<option value= "1">1</option>

                <option value= "2">2</option>

       </select>

 

 

var selectValue = $('#select_id').val();

//获取Select选择的Text
 var selectText=$("#select_id").find("option:selected").text();