永利皇宫jquery js 重新恢复设置表单 reset()具体落到实处代码

在开发中,我们会用到很多表单,我们希望表单提交以后,能reset,
但是jquery没有这个方法,怎么处理呢?

在开发中,我们会用到很多表单,我们希望表单提交以后,能reset,
但是jquery没有这个方法,怎么处理呢?

select,radio 表单回显避免使用jquery载入赋值
注意事项:

复制代码 代码如下:

代码如下:

复制代码 代码如下:

<form id=”form1″ action=”” method=”post” runat=”server”>
<input name=”inp” id=”inp” value=”1″ />
</form>

<form id=”form1″ action=”” method=”post” runat=”server”>
<input name=”inp” id=”inp” value=”1″ />
</form>

<html>
<body>
<form method=”post” action=””>
<!– 如果表单中使用重置功能时,不推荐使用如下代码 –>
<input type=”radio” name=”visible” value=”1″ />显示<br>
<input type=”radio” name=”visible” value=”0″ />隐藏<br>
<select name=”orderBy” id=”orderBy”>
<option value=”0″>0</option>
<option value=”1″>1</option>
</select><br>
<input type=”reset”>
</form>
</body>
</html>

方法一:
我们可以通过就是实现
id:

方法一:
我们可以通过就是实现
id:

不推荐:使用如下js代码

复制代码 代码如下:

代码如下:

复制代码 代码如下:

document.getElementById(“form1”).reset();

document.getElementById(“form1”).reset();

<script type=”text/javascript”>
<!–
$(function(){
//回显时并不是真是数据的默认值
$(“input[type=radio][name=visible]”).each(function() {
if ($(this).val() == ‘${teacher.visible}’) {
$(this).attr(“checked”, “checked”);
}
});
$(“#orderBy option”).each(function() {
if ($(this).val() == ‘${teacher.orderBy}’) {
$(this).attr(“selected”, “selected”);
}
});
});
//–>
</script>

name:

name:

最好的做法是:在jsp页面进行逻辑判断

复制代码 代码如下:

代码如下:

复制代码 代码如下:

document.formName.reset();

document.formName.reset();

<!– 推荐使用如下代码 –>
<input type=”radio” name=”visible” value=”1″ <c:if
test=”${teacher.visible==1}”>checked=”checked”</c:if>/>显示<br>
<input type=”radio” name=”visible” value=”0″ <c:if
test=”${teacher.visible==0}”>checked=”checked”</c:if>/>隐藏<br>

方法二:
逐一清空:

方法二:
逐一清空:

表单回显避免使用jquery载入赋值
注意事项: 复制代码 代码如下: html body form method=”post” action=”” !–
如果表单中使用重置功能时,…

复制代码 代码如下:

代码如下:

$(“#inp”).val(“1”);

$(“#inp”).val(“1”);

但是表单太多的话,这也是不实际的,有100个,1000个,总不能写100,个1000个吧。
也许你会说,写成这样:

但是表单太多的话,这也是不实际的,有100个,1000个,总不能写100,个1000个吧。
也许你会说,写成这样:

复制代码 代码如下:

复制代码 代码如下:

$(“input”).val(“”);

$(“input”).val(“”);

那表单的默认值呢?表单还有其他类型,都写一遍?
加type为reset的input

那表单的默认值呢?表单还有其他类型,都写一遍?

复制代码 代码如下:

加type为reset的input

<form id=”form1″ action=”” method=”post” runat=”server”>
<input name=”inp” id=”inp” value=”1″ />
<input id=”res” name=”res” type=”reset” style=”display:none;” />
</form>

代码如下:

复制代码 代码如下:

<form id=”form1″ action=”” method=”post” runat=”server”>
<input name=”inp” id=”inp” value=”1″ />
<input id=”res” name=”res” type=”reset” style=”display:none;” />
</form>

$(“input[name=’res’]”).click();

代码如下:

所有表单清空
ok

$(“input[name=’res’]”).click();

您可能感兴趣的文章:

  • js使用循环清空某个div中的input标签值
  • js 获取、清空input
    type=”file”的值示例代码
  • js 获取、清空input
    type=”file”的值(示例代码)
  • JS清空上传控件input(type=”file”)的值的代码
  • JavaScript实现重置表单(reset)的方法
  • JSP
    重置按钮清空传入的表单数据实例
  • javascript实现的动态添加表单元素input,button等(appendChild)
  • js动态修改input输入框的type属性(实现方法解析)
  • js获取input标签的输入值实现代码
  • js
    限制input只能输入数字、字母和汉字等等
  • JavaScript实现清空(重置)文件类型INPUT元素值的方法

所有表单清空
ok

发表评论

电子邮件地址不会被公开。 必填项已用*标注