jquery 重置默认值

// 重置
// 文本框
$('.form :text').each((index, input) => {
  $(option).prop('value', input.defaultValue)
})
// 选项框
$('.form option').each((index, option) => {
  $(option).prop('selected', option.defaultSelected)
})
// 单选框
$('.form :radio').each((index, radio) => {
  $(radio).prop('checked', radio.defaultChecked)
})

 jq 选择器

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 HTML 表单中添加重置按钮,您可以使用以下代码: ```html <form> <!-- 表单元素 --> <input type="text" name="username" id="username"> <input type="text" name="password" id="password"> <!-- 重置按钮 --> <input type="reset" value="重置"> </form> ``` 这将在表单中添加一个名为“重置”的按钮,当用户点击它时,表单中的所有字段都将被重置为它们的默认值。 要为 jQuery 步骤添加“重置”按钮,您可以使用以下代码: ```html <div id="steps"> <form> <!-- 步骤 1 --> <fieldset> <legend>步骤 1</legend> <input type="text" name="field1" id="field1"> </fieldset> <!-- 步骤 2 --> <fieldset> <legend>步骤 2</legend> <input type="text" name="field2" id="field2"> </fieldset> <!-- 步骤 3 --> <fieldset> <legend>步骤 3</legend> <<input type="text" name="field3" id="field3"> </fieldset> <!-- 重置按钮 --> <input type="reset" value="重置" class="reset-button"> </form> </div> <script> $(document).ready(function() { // 初始化步骤 $("#steps").steps({ headerTag: "h3", bodyTag: "fieldset", transitionEffect: "slideLeft", onStepChanging: function (event, currentIndex, newIndex) { // 确定是否可以前进到下一步 return true; }, onFinishing: function (event, currentIndex) { // 确定是否可以提交表单 return true; }, onFinished: function (event, currentIndex) { // 表单提交后的操作 } }); // 重置按钮点击事件 $(".reset-button").click(function() { // 重置表单 $("#steps form")[0].reset(); // 返回第一步 $("#steps").steps("previous"); }); }); </script> ``` 这将在 jQuery 步骤表单中添加一个名为“重置”的按钮,并将其绑定到一个 click 事件处理程序,该处理程序将重置表单并返回到第一步。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值