add more button new row using javascript

-


<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script>$(document).ready(function () {
var counter = 0;

$("#addrow").on("click", function () {
var newRow = $("<tr>");
var cols = "";

cols += '<td><input type="text" class="form-control" name="name' + counter + '"/></td>';
cols += '<td><input type="text" class="form-control" name="mail' + counter + '"/></td>';
cols += '<td><input type="text" class="form-control" name="phone' + counter + '"/></td>';

cols += '<td><input type="button" class="ibtnDel btn btn-md btn-danger "  value="Delete"></td>';
newRow.append(cols);
$("table.order-list").append(newRow);
counter++;
});



$("table.order-list").on("click", ".ibtnDel", function (event) {
$(this).closest("tr").remove();       
counter -= 1
});


});



function calculateRow(row) {
var price = +row.find('input[name^="price"]').val();

}

function calculateGrandTotal() {
var grandTotal = 0;
$("table.order-list").find('input[name^="price"]').each(function () {
grandTotal += +$(this).val();
});
$("#grandtotal").text(grandTotal.toFixed(2));
}</script>
</head>
<body>
<div class="container">
<table id="myTable" class=" table order-list">
<thead>
<tr>
<td>Name</td>
<td>Gmail</td>
<td>Phone</td>
</tr>
</thead>
<tbody>
<tr>
<td class="col-sm-4">
<input type="text" name="name" class="form-control" />
</td>
<td class="col-sm-4">
<input type="mail" name="mail"  class="form-control"/>
</td>
<td class="col-sm-3">
<input type="text" name="phone"  class="form-control"/>
</td>
<td class="col-sm-2"><a class="deleteRow"></a>

</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5" style="text-align: left;">
<input type="button" class="btn btn-lg btn-block " id="addrow" value="Add Row" />
</td>
</tr>
<tr>
</tr>
</tfoot>
</table>
</div>
</body>
</html>



Name Gmail Phone




Comments

Post a Comment

Popular posts from this blog

TOP PHP freamwork

-
 There are many PHP frameworks available, each with its own strengths and weaknesses. Here are some of the most popular PHP frameworks: Laravel: A popular open-source PHP framework known for its elegant syntax, robust features, and ease of use. Laravel is often used for building web applications and RESTful APIs. Symfony: A mature PHP framework that provides a set of reusable components and tools for building scalable web applications. Symfony is known for its flexibility and modularity. CodeIgniter: A lightweight PHP framework that is easy to learn and use. CodeIgniter is often used for building simple web applications or prototypes. Yii: A high-performance PHP framework that is known for its speed and scalability. Yii is often used for building complex web applications and RESTful APIs. CakePHP: A popular PHP framework that provides a set of conventions and tools for building web applications quickly and easily. CakePHP is known for its simplicity and ease of use. Zend Framework:...
Read more

What is required for it startup company ?

-
 Starting an IT startup company requires several key components to be successful. Here are some of the key things that you will need: A Unique Idea: A successful IT startup company begins with a unique idea that solves a problem or provides a service that is not currently being addressed in the market. Your idea should be innovative and have the potential to disrupt the industry. Skilled Team Members: Your team members are the backbone of your startup. You will need skilled and dedicated individuals with a wide range of talents to help you bring your idea to fruition. Look for team members with experience and expertise in areas such as software development, marketing, finance, and customer service. Adequate Funding: You will need adequate funding to get your IT startup off the ground. This can come from a variety of sources, including venture capital firms, angel investors, crowdfunding, or personal savings. It is important to have a well-structured business plan and financial proj...
Read more

why use Laravel in Your Next Project ?

-
 Laravel is a popular PHP framework that is used by many developers and businesses to build web applications quickly and efficiently. Here are some reasons why Laravel is a good choice for many projects: Elegant syntax: Laravel has an elegant and expressive syntax that makes it easy to write and read code. This can save time and make the development process more efficient. Modular structure: Laravel is designed with a modular structure that makes it easy to build complex web applications in a structured and organized way. This can help improve the maintainability and scalability of the application over time. Built-in features: Laravel comes with many built-in features that make it easy to implement common functionality in web applications, such as authentication, routing, caching, and more. This can save time and reduce the amount of code that needs to be written from scratch. Testing support: Laravel provides built-in support for testing, making it easy to write and run tests to e...
Read more