在jQuery中,value()方法用于獲取或設置表單元素的值,這些元素包括input、select和textarea。value()方法的使用非常方便,下面給出一些常見的用法示例。
//獲取input元素的值 var inputValue = $("input").val(); console.log(inputValue); //設置input元素的值 $("input").val("Hello World"); //獲取select元素的值 var selectValue = $("select").val(); console.log(selectValue); //設置select元素的值 $("select").val("option2"); //獲取textarea元素的值 var textValue = $("textarea").val(); console.log(textValue); //設置textarea元素的值 $("textarea").val("Hello World");
可以給val()方法傳遞一個參數,用于設置表單元素的值。如果不傳遞參數,則該方法將返回當前表單元素的值。
需要注意的是,當表單元素的類型為單選按鈕或復選框時,使用val()方法獲取或設置的是checked屬性的值,而不是value屬性的值。
//獲取單選按鈕的值 var radioValue = $("input[type='radio'][name='gender']:checked").val(); console.log(radioValue); //設置單選按鈕的值 $("input[type='radio'][name='gender'][value='female']").prop("checked", true); //獲取復選框的值 var checkboxValue = $("input[type='checkbox'][name='hobby']:checked").val(); console.log(checkboxValue); //設置復選框的值 $("input[type='checkbox'][name='hobby'][value='reading']").prop("checked", true);
總之,使用value()方法可以輕松地獲取或設置表單元素的值,使得表單操作變得簡單和便捷。
下一篇css怎樣寫個弧形