在CSS中,使用val()函數可以獲取或設置元素的值。該函數通常用于處理輸入框及其值。下面是一些使用val()的例子:
//獲取輸入框的值 var value = $('input').val(); //設置輸入框的值 $('input').val('新的值'); //獲取select下拉列表的選項值 var optionValue = $('select').val(); //設置select下拉列表的選項值 $('select').val('新的值');
需要注意的是,使用val()函數時,需要傳入一個參數來設置元素的值。如果需要獲取元素的值,則不需要傳入參數。
此外,val()也可以用來獲取radio和checkbox的值。不過,需要注意的是,如果選項有多個,只會返回選中的第一個選項的值。
//獲取被選中的radio按鈕的值 var radioValue = $('input[name="radioBtn"]:checked').val(); //獲取被選中的checkbox的值 var checkboxValue = $('input[name="checkBox"]:checked').val();
如果需要獲取所有選中的復選框的值,則可以使用map()和get()函數來實現。
//獲取所有選中的checkbox的值 var checkboxValues = $('input[name="checkBox"]:checked').map(function(){ return $(this).val(); }).get();
最后,需要注意的是,val()函數只能用于表單元素(如input、select、textarea等),對于其他元素則無法使用。同時,還需要了解一些表單元素的屬性和方法,以便更好地使用val()函數。
上一篇vmin css什么單位
下一篇vcode寫css