jQuery 操作input值
jQuery 操作input值
示例HTML
<input type="text" value="0" name="reply_id" id="reply_id" />
注意 引用 jQuery库
如
<script src="https://xkbooks.com/unit/js/jquery-3.3.1.min.js"></script>
jq 获取input值
let reply_id = $("#reply_id").val();jq 设置input值
$("#reply_id").val(2);完整HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 获取设置input</title>
</head>
<body>
<input type="text" value="0" name="reply_id" id="reply_id" />
<script src="https://xkbooks.com/unit/js/jquery-3.3.1.min.js"></script>
<script>
//jq 获取input值
let reply_id = get();
console.log("jq 获取input值",reply_id);//控制台 输出 jq 获取input值 0
//重新赋值 即 jq 设置input值
set(2);
console.log("赋值后 jq 获取input值",get());//控制台 输出 赋值后 jq 获取input值 2
/**
* jq 获取input值
* @returns {*|jQuery|(function(*, *, *): *)|(function(*, *): *)|string|ret}
*/
function get() {
let reply_id = $("#reply_id").val();
return reply_id;
}
/**
* jq 设置input值
* @param value
*/
function set(value) {
$("#reply_id").val(value);
}
</script>
</body>
</html>