Jquery Tutorials
- What is JQuery
- DOM Document Object Model
- JQuery Syntax
- Jquery Selector
- Get & Set Form value
- jQuery - Attributes
- Attribute Methods
- jQuery - DOM Manipulation
- JQuery Events
- JQuery Effects
- JQuery Html/Css
- jQuery Insert Content
- Auto Hide Div
- JQuery noConflict()
- JQuery Form Validation
- Form Validation
- Login Form Validation
- Jquery Fadeout message
- Modal popup
- Jquery Ajax Forms
- Dependent Dropdown
- Autocomplete Country jquery ajax
- Dynamic Content Load using jQuery AJAX
- Dynamic star rating jQuery AJAX
- Drag and Drop Image Upload
- show Hide Elements By click on checkbox
- How to Add class in jQuery
- calculate discount in jQuery
- Calculate GST by input value in text box
- check Password strength in jQuery
- Count Remaining Character
- onClick Checkbox check all
- password match or not
- DataTable
- Date Picker
- Multiselect Dropdown with Checkbox
- Add Dynamic Input Field (Add More Input Field)
- submit button disable after one click
- Show hide password in Password textbox using checkbox
- Put value in the text field
- Set Data and Attributes
Customer Say
Calculate GST by input value in text box Jquery
File name : index.php
<!DOCTYPE html>
<html>
<body>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
</head>
<h1>GST Calculation</h1>
<form method="post" action="">
<input type="hidden" name="mode" value="PinRequest" />
<label><b>Fee</b></label>
<input class="w3-input w3-border" name="pages" id="pages" type="text"><br><br>
<label><b>Total Amount</b></label>
<input class="w3-input w3-border" name="tot_amount" id="tot_amount" type="text">
<input type="submit" name="save" value="submit">
</form>
<script>
$(document).ready(function() {
$('#pages').keyup(function(ev){
var total = $('#pages').val() * 1;
var tot_price = total+(total*0.18);
var divobj = document.getElementById('tot_amount');
divobj.value = tot_price;
});
});
</script>
<body>
</html>