Jquery 如何通过单击清空表中的所有内容
我使用下表。我有一个选项为“是”和“否”的单选按钮，选择“是”可显示表格并填写内容，选择“否”可隐藏表格。我想做的是，当用户选择“No”选项时，它应该使用jquery循环删除所有值。我不知道如何使用它，所以请帮我解决这个问题Jquery 如何通过单击清空表中的所有内容,jquery,Jquery,我使用下表。我有一个选项为“是”和“否”的单选按钮，选择“是”可显示表格并填写内容，选择“否”可隐藏表格。我想做的是，当用户选择“No”选项时，它应该使用jquery循环删除所有值。我不知道如何使用它，所以请帮我解决这个问题 <table id="ownersInfo_2" style="display:none;"> <tbody> <tr> <td colspan="3">
<table id="ownersInfo_2" style="display:none;">
<tbody>
<tr>
<td colspan="3">
<table>
<tr>
<td>First Name:<br>
<span class="wpcf7-form-control-wrap sndfnm_cls">
<input id="00N2C000000blNO" maxlength="40" name="00N2C000000blNO" size="20" type="text" />
<div class="error-inner">This field is required.</div>
</span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3">Title:<br>
<span class="wpcf7-form-control-wrap sndttl_cls">
<select id="00N2C000000blOW" name="00N2C000000blOW" title="Title 2"><option value="">--None--</option><option value="Owner">Owner</option>
<option value="Additional Guarantor">Additional Guarantor</option>
<option value="Other">Other</option>
<option value="Partner">Partner</option>
<option value="Managing Member">Managing Member</option>
<option value="Member">Member</option>
<option value="President">President</option>
<option value="CEO">CEO</option>
<option value="Vice President">Vice President</option>
<option value="Chief Operating Officer">Chief Operating Officer</option>
<option value="Chief Financial Officer">Chief Financial Officer</option>
<option value="Treasurer">Treasurer</option>
<option value="Secretary">Secretary</option>
</select>
<div class="error-inner">This field is required.</div>
</span>
</td>
</tr>
<tr>
<td colspan="3">Email:<br>
<span class="wpcf7-form-control-wrap sndemal_cls">
<input id="00N2C000000blP5" maxlength="80" name="00N2C000000blP5" size="20" type="text" />
<div class="error-inner">Please enter a valid email address.</div>
</span>
</td>
</tr>
<tr>
<td>City:<br>
<span class="wpcf7-form-control-wrap sndcty_cls">
<input id="00N2C000000blPe" maxlength="255" name="00N2C000000blPe" size="20" type="text" />
<div class="error-inner">This field is required.</div>
</span>
</td>
<td>State:<br>
<span class="wpcf7-form-control-wrap sndstat_cls">
<select id="00N2C000000blPy" name="00N2C000000blPy" title="State__c 2"><option value="">--None--</option><option value="Alabama">Alabama</option>
<option value="Alaska">Alaska</option>
<option value="Arizona">Arizona</option>
<option value="Arkansas">Arkansas</option>
<option value="California">California</option>
<option value="Colorado">Colorado</option>
<option value="Connecticut">Connecticut</option>
<option value="Delaware">Delaware</option>
<option value="District of Columbia">District of Columbia</option>
<option value="Florida">Florida</option>
<option value="Georgia">Georgia</option>
<option value="Hawaii">Hawaii</option>
<option value="Idaho">Idaho</option>
<option value="Illinois">Illinois</option>
<option value="Indiana">Indiana</option>
<option value="Iowa">Iowa</option>
<option value="Kansas">Kansas</option>
<option value="Kentuky">Kentuky</option>
<option value="Louisiana">Louisiana</option>
<option value="Maine">Maine</option>
<option value="Maryland">Maryland</option>
<option value="Massachusetts">Massachusetts</option>
<option value="Michigan">Michigan</option>
<option value="Minnesota">Minnesota</option>
<option value="Mississippi">Mississippi</option>
<option value="Missouri">Missouri</option>
<option value="Montana">Montana</option>
<option value="Nebraska">Nebraska</option>
<option value="Nevada">Nevada</option>
<option value="New Hampshire">New Hampshire</option>
<option value="New Jersey">New Jersey</option>
<option value="New Mexico">New Mexico</option>
<option value="New York">New York</option>
<option value="North Carolina">North Carolina</option>
<option value="North Dakota">North Dakota</option>
<option value="Ohio">Ohio</option>
<option value="Oklahoma">Oklahoma</option>
<option value="Oregon">Oregon</option>
<option value="Pennsylvania">Pennsylvania</option>
<option value="Rhode Island">Rhode Island</option>
<option value="South Carolina">South Carolina</option>
<option value="South Dakota">South Dakota</option>
<option value="Tennessee">Tennessee</option>
<option value="Texas">Texas</option>
<option value="Utah">Utah</option>
<option value="Vermont">Vermont</option>
<option value="Virginia">Virginia</option>
<option value="Washington">Washington</option>
<option value="West Virginia">West Virginia</option>
<option value="Wisconsin">Wisconsin</option>
<option value="Wyoming">Wyoming</option>
</select>
<div class="error-inner">This field is required.</div>
</span>
</td>
<td>Zip:<br>
<span class="wpcf7-form-control-wrap sndzip_cls">
<input id="00N2C000000blQI" maxlength="5" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" name="00N2C000000blQI" size="20" type="text" />
<div class="error-inner">This field is required.</div>
</span>
</td>
</tr>
<tr>
<td colspan="3">Percentage of Ownership:<br>
<span class="wpcf7-form-control-wrap sndpercent_cls">
<select id="00N2C000000blQw" name="00N2C000000blQw" title="Title 2">
<option value="">--None--</option><?php
$i = 0;
for($i=0; $i<=100; $i+=5){
?><option value="<?php print($i); ?>"><?php print($i)?>%</option><?php
}
?></select>
<div class="error-inner">This field is required.</div>
</span>
</td>
</tr>
</tbody>
</table>
名字：
此字段必填。
标题：
--无——所有者
附加担保人
其他
搭档
管理成员
成员
主席:
首席执行官
副总裁
首席运营官
首席财务官
司库
秘书
此字段必填。
电子邮件：
请输入有效的电子邮件地址。
城市：
此字段必填。
状态：
--没有，阿拉巴马州
阿拉斯加州
亚利桑那州
阿肯色州
加利福尼亚
科罗拉多州
康涅狄格州
特拉华州
哥伦比亚特区
佛罗里达州
佐治亚州
夏威夷
爱达荷州
伊利诺伊州
印第安纳州
爱荷华州
堪萨斯州
肯塔基州
路易斯安那州
缅因州
马里兰
马萨诸塞州
密歇根
明尼苏达州
密西西比
密苏里州
蒙大拿
内布拉斯加州
内华达州
新罕布什尔州
新泽西州
新墨西哥州
纽约
北卡罗来纳州
北达科他州
俄亥俄州
奥克拉荷马
俄勒冈
宾夕法尼亚
罗德岛
南卡罗来纳州
南达科他州
田纳西州
得克萨斯州
犹他州
佛蒙特州
弗吉尼亚州
华盛顿
西弗吉尼亚州
威斯康星州
怀俄明州
此字段必填。
邮政编码：
此字段必填。
所有权百分比：
--无--Jquery
$(function(){
$(".radioClass").on('change',function(){
var value=$(this).val();
if(value=="No")
{
var table=$('#tableId').find('tr');
$.each(table,function(i,data){
var inputs=$(this).find('input').val("");
var select= $(this).find('select').val("");
});
}
else
{
// Load rows
}
});
});
我想你必须把里面的东西藏起来，而不是把它们拿走。这将缩短加载时间！您想删除行，对吗？@Tushar即使隐藏了整个表，我也会在提交表单后获取隐藏文本的值，因此我发现它没有任何用处。@ShashiShekharKumar请先禁用所有输入标记（您想隐藏的标记），然后再隐藏。这将防止隐藏项被简单地发布。只需将您的表
包装在表单中
并使用表单的id将其重置--document.getElementById（'form-id'）.reset（）。不需要jQuery。先生，我不想删除tr。我只想清空输入中存储的值并选择选项。我们可以这样做吗？是的，你可以这样做等待，我会编辑答案尝试这样做，它将删除输入并选择字段值。请在上面的代码中告诉我，如何清空输入类型文本。同一代码中的更改。