JQuery：如何更正此添加新表行功能

Question

我有这个html表，想要尝试为它添加新行功能使用Jquery.But它无法正常工作。 以下是示例Jquery代码：

ProgressRing's Visibility

以下是给出的链接：

jsfiddle Source Code Link

请帮忙。谢谢

Answer 1

正如穆罕默德指出的那样，你没有将jQuery添加到你的jsfiddle：

https://jsfiddle.net/gc249L9g/4/

它现在正在为我工​​作。

 some "code" so I can post this

Answer 2

你看过这个网站了吗？ http://jshint.com/

Answer 3

我认为您正在寻找通过单击添加更多按钮在表中添加行。以下是在表中添加行的工作代码。

＆＃13;

＆＃13;

$(".addmore").click(function(){
    var data= "<tr><td><input class='yes' type='checkbox'/></td><td><input type='text' value=''/></td><td><select><option>A</option><option>B</option></select></td><td><input type='text' value=''/></td><td><select><option>A</option><option>B</option></select></td></tr>"; 
  $('table tbody').append(data);      
});

$('tr td input[type="checkbox"].yes').change( function() {
   $(this).closest('tr').find(":input:not(.yes)").prop('disabled', !this.checked);
   $(this).closest('tr').find(":input.no").prop('checked', !this.check);
});

＆＃13;

table {
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid black;
    padding: 2px;
}

table, th, td {
    text-align: center;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table >
  <thead>
  <tr>
    <th>Enable/Disable</th>
    <th>Text</th>
    <th>Select</th>
    <th>textinput</th>
    <th>Select 2</th>
  </tr>
    </thead>
  <tbody>
  <tr>
    <td><input class="yes" type="checkbox" checked/></td>
    <td><input type="text" value="1111"/></td>
    <td><select><option>A</option><option>B</option></select></td>
    <td><input type="text" value="AAAAA"/></td>
    <td><select><option>A</option><option>B</option></select></td>
  </tr>
  <tr>
    <td><input class="yes" type="checkbox" checked/></td>
    <td><input type="text" value="2222"/></td>
    <td><select><option>A</option><option>B</option></select></td>
    <td><input type="text" value="BBBB"/></td>
    <td><select><option>A</option><option>B</option></select></td>
  </tr>
  <tr>
    <td><input class="yes" type="checkbox" checked/></td>
    <td><input type="text" value="3333"/></td>
    <td><select><option>A</option><option>B</option></select></td>
    <td><input type="text" value="CCCC"/></td>
    <td><select><option>A</option><option>B</option></select></td>
  </tr>
  </tbody>
</table>
<button type="button" class='addmore'>+ Add More</button>

＆＃13;

＆＃13;

＆＃13;