jQuery可以非常方便的取到网页里标准input的值。我们主要使用val()方法,用几个例子说明一下。
Text Input
HTML
1 |
<input type="text" id="input1"><input> |
JavaScript
1 2 |
var textVal = $("#input1").val(); console.log(textVal); |
Select Input
HTML
1 2 3 4 5 |
<select class="comboBox"> <option value="option_one">Option One</option> <option value="option_two">Option Two</option> <option value="option_three">Option Three</option> </select> |
JavaScript
1 |
var selectedVal = $("select.comboBox option:selected").val(); |
selectedVal可能是option_one/option_two/option_three.
当多选的情况时,我们可以得到所有selected items的value的数组,如:
HTML
1 2 3 4 5 |
<select class="comboBox" multiple="multiple"> <option value="option_one">Option One</option> <option value="option_two">Option Two</option> <option value="option_three">Option Three</option> </select> |
JavaScript
1 2 |
var multiVals = $("select.comboBox").val() || []; console.log(multiVals.join(", ")); |
CheckBox Input
HTML
1 |
<input name="checkboxgroup" type="checkbox" value="checkBox1"/>CheckBox One<br/> |
JavaScript
1 2 |
var checkValue=$("input:checkbox[name="checkboxgroup"]:checked").val(); console.log(checkValue); |
如果没有Box selected, checkValue是一个空串。
Radio Input
HTML
1 2 |
<input name="radiogroup" type="radio" value="radio1"/>Radio One<br/> <input name="radiogroup" type="radio" value="radio2"/>Radio Two<br/> |
JavaScript
1 |
var radioValue = $("input:radio[name=radiogroup]:checked").val(); |