如何在js中检查表是否有任何重复的行列?

时间:2016-07-20 08:14:45

标签: javascript jquery duplicates html-table

我想检查一个表是否在行中有任何重复的列。如果一个表有,则显示一个警报,而不添加数据库。然后我想从表中拔出重复的数据。我怎样才能做到这一点?我在等你的帮忙!

这是我的表有重复的A类:

enter image description here

这是我的表格html代码。

 <table id="tblSeatInfo">
                <thead>
                    <tr>
                        <td>
                            Class
                        </td>
                        <td>
                            Given Seat
                        </td>
                        <td>
                           Adult Buying Price
                        </td>
                        <td>
                            Adult Selling Price
                        </td>
                        <td>
                            Child Buying Price
                        </td>
                        <td>
                            Child Selling Price
                        </td>
                        <td>
                            Infant Buying Price
                        </td>
                        <td>
                            Infant Selling Price
                        </td>
                    </tr>
                </thead>
                <tbody>
                    <tr class="tr-notremove">
                        <td>
                            <input class="form-control" type="text" name="class" />
                        </td>
                        <td>
                            <input class="form-control seat" type="text" name="givenseat" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="adultbuyingprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="adultprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="childbuyingprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="childprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="infantbuyingprice" />
                        </td>
                        <td>
                            <input class="form-control decimal" type="text" name="infantprice" />
                        </td>
                        <td>
                            <div class="btn-group">
                                <button type="button" class="btn btn-md btn-success btn-addnewseat">Add</button>
                                <button type="button" class="btn btn-md btn-warning btn-removenewseat">Remove</button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>

1 个答案:

答案 0 :(得分:2)

尝试这样的事情

$('[name="class"]').on('input',function(){
  var value = $(this).val();
  $('[name="class"]').not(this).each(function(){
     if($(this).val() == value) {
       alert('duplicate content');
     }
  }) 
});

演示:https://jsfiddle.net/r3oq636w/1/