JQuery如何清除表单上.class的所有输入：文本字段,对我不起作用

guykilcj 于 2023-03-07 发布在 jQuery

关注(0)|答案(6)|浏览(138)

我有一个表单，第一个。类有5个输入：文本框中。我希望能够清除所有的文本框与点击按钮。我已经尝试了几种方式，它不工作...这里是我所做的...（供参考，我有更多的类在表单中，所以我不能使用。reset。

表格...

<table class="orderLine1 formFont" width="900">
 <tr>
    <td width="395">Product Name:<br><input class="ProductName" type="text" size="65"></td>
    <td width="97" class="formFontDisabled">Prod ID:<br><input class="Product_ID ffd" type="text" size="5" disabled></td>
    <td width="78" class="formFontDisabled">UPC:<br><input class="UPC ffd" type="text" size="13" disabled ></td>
    <td width="67" class="formFontDisabled">List Price:<br><input class="ListPrice ffd" type="text" size="7" disabled></td>    
    <td width="67">WholeSale:<br><input class="WholeSalePrice ffd" type="text" size="7" disabled></td>
    <td width="56">Quantity:<br><input class="qty addLine" type="text" size="7"></td>
    <td width="60" class="formFontDisabled">Line Total:<br><input class="subTotal ffd" type="text" size="10" disabled></td>
    <td width="44"><button class="OFDeleteButton">Delete</button><button class="OFClearLine" >OFClearLine</button></td>
  </tr>
</table>

脚本测试#1

$(document).ready(function(e) {
    $(function clearFirst() {
         $('.orderLine1').find(':input').each(function() {
             switch(this.type) {
                 case 'text':
                    $(this).val('');
                    break;
                 }
             });
        });

    $('.OFClearLine').click(function(e) {
        clearFirst();
    });
    });

脚本测试#2

$(function(){
        $('.OFClearLine').bind('click', function(){
            $('.orderLine1').reset();
        });
    });

更多信息：OFClearLine是我想使用的按钮的类，orderLine1是表单的类。
先谢了!

jquery

来源：https://stackoverflow.com/questions/8054377/jquery-how-to-clear-all-the-inputtextfields-of-a-class-on-a-form-not-working

6条答案

按热度按时间

xmjla07d1#

$(function() {
  $('.OFClearLine').click(function() {
    $('.orderLine1 input[type="text"]').val('');
  });
});

赞(0）回复(0）举报 2023-03-07

mwngjboj2#

类似这样的方法应该可以奏效：

$("input.className:text").val("");

查看您的代码，下面的方法可能效果更好：

$(".className input[type='text']").val("");

下面是一个jsFiddle：http://jsfiddle.net/nvUsD/1/

赞(0）回复(0）举报 2023-03-07

yzuktlbb3#

下面的代码将查找作为.orderLine1表元素派生项的所有文本输入，并将它们的值设置为空。

$('.OFClearLine').bind('click', function(){
    $('.orderLine1').find('input[type="text"]').val('');
});

赞(0）回复(0）举报 2023-03-07

uidvcgyl4#

试试这个：

$(document).ready(function(e) {
    $('.OFClearLine').click(function(e) {
        $('.orderLine1 input:text').each(function() {
                $(this).val('');
        });
    });
});

你可以在这把小提琴上看到它的动作，http://jsfiddle.net/nickyt/exWKL

赞(0）回复(0）举报 2023-03-07

cygmwpex5#

产品名称：
产品ID：
刚果爱国者联盟：
标价：
整体销售：
数量：
行总计：
删除清除行

赞(0）回复(0）举报 2023-03-07

o4tp2gmn6#

我不确定它是否能看到你的clearFirst函数，你也可以使用$（'.orderLine1input'）来查找.orderLine1类中的所有输入。

$(document).ready(function(e) {    
    $('.OFClearLine').click(function(e) {
        clearFirst();
    });
});

function clearFirst() {
    $('.orderLine1 input[type="text"]').each(function() {
         $(this).val('');
    });
}

赞(0）回复(0）举报 2023-03-07

我来回答

JQuery如何清除表单上.class的所有输入：文本字段,对我不起作用

表格...

脚本测试#1

脚本测试#2

6条答案

相关问题

热门标签

最新问答