在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()方法可以轻松地获取或设置表单元素的值,使得表单操作变得简单和便捷。