Jquery中val方法使用的坑

Posted 2021-01-13 kingfan1993

Jquery中val方法使用

val()// 取得第一个匹配元素的当前值
val(val)// 设置所有匹配元素的值
val([val1, val2])// 设置多选的checkbox、多选select的值（这是一个坑）

<input type="checkbox" value="basketball" name="hobby">篮球
<input type="checkbox" value="football" name="hobby">足球

<select multiple id="s1">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

$("[name=‘hobby‘]").val([‘basketball‘, ‘football‘]);        //会找到有name属性=hobby的标签，然后将value=basketball 和value等于football的标签的checked属性设置真，这样就选上了
$("#s1").val(["1", "2"])        //会找到selected标签，然后将value等于1和2的option标签的selected属性设置为真
$(‘‘#s1").val()            //获取select标签下有seleted属性为真的option的value值