Tag

Jquery

Browsing

var data = [ {“Id”: 10004, “PageName”: “club”}, {“Id”: 10040, “PageName”: “qaz”}, {“Id”: 10059, “PageName”: “jjjjjjj”} ]; $.each(data, function(i, item) { alert(data[i].PageName); }); $.each(data, function(i, item) { alert(item.PageName); });

<!DOCTYPE html> <html> <head> <title>Get unique values from array in Jquery – Real Programmer</title> <script src=”https://code.jquery.com/jquery-1.12.4.js”></script> </head> <body> <h1>Check unqiue value in console</h1> <script type=”text/javascript”> var user_name = [ “Siddharth”, “Saurabh”, “Siddharth”, “Yash”,”Yash”,”Saurabh” ]; var uniquename = user_name.filter(function(item, i, user_name) { return i == user_name.indexOf(item); }); console.log(uniquename); </script> </body> </html> <!– OUTPUT: (3) [“Siddharth”, “Saurabh”, “Yash”] –>

Remove Multiple Values from Array using JQuery So let’s see bellow simple example of jquery remove multiple values from an array. we will use Array.prototype.remove, grep() and inArray() for removing multiple values from array in jquery. checkout below code example. you can use easily with your JQuery Array. you can just see below example it’s done. you can easily use with your jquery array. <!DOCTYPE html> <html> <head> <title>Remove Multiple Values from Array Using Jquery</title>…

<!DOCTYPE html> <html> <head> <title>Jquery Remove Parent Table Row on Button Click Event: Real Programmer</title> <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js”></script> </head> <body> <table> <tr> <th>ID</th> <th>Name</th> <th>Email</th> <th>Action</th> </tr> <tr> <td>1</td> <td>Siddharth</td> <td>[email protected]</td> <td><button class=”btn-remove”>Remove</button></td> </tr> <tr> <td>2</td> <td>Yash</td> <td>[email protected]</td> <td><button class=”btn-remove”>Remove</button></td> </tr> <tr> <td>3</td> <td>Chotu</td> <td>[email protected]</td> <td><button class=”btn-remove”>Remove</button></td> </tr> </table> <script type=”text/javascript”> $(document).ready(function () { $(“body”).on(“click”, “.btn-remove”, function(){ $(this).closest(‘tr’).remove(); }); }); </script> </body> </html>

Here I am going to show you toggle example using jquery toggle element. Example: <!DOCTYPE html> <html> <head> <title>Toggle in Jquery Hide and show -Real Programmer</title> <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js”></script> <style type=”text/css”> .display-none{ display: none; } </style> </head> <body> <button class=”toggle”>Show</button> <div id=”example” class=”display-none”> Jquery tutorial Real Programmer </div> <script type=”text/javascript”> $(“.toggle”).click(function(){ $(“#example”).toggleClass(‘display-none’); }); </script> </body> </html>

With JQuery, we can get easily select option value onchange event in jquery. if you have a question like how to get select option value on change jquery than here you will have a simple example of getting selected value of dropdown in jquery on change event. In Jquery, we can get value from a selected value using onchange event in jquery. just click on the value you can easily get the value. In this…

Here I am showing how to select and unselect all checkbox using jquery Example: <html lang=”en”> <head> <title>Select and unselect all using jquery</title> <script src=”http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script> </head> <body> <input name=”tutorial_all” class=”course-all” type=”checkbox”>Select All<br/> <input value=”1″ name=”course” class=”tutorial_list” type=”checkbox”>Course 1 <input value=”2″ name=”course” class=”tutorial_list” type=”checkbox”>Course 2 <input value=”3″ name=”course” class=”tutorial_list” type=”checkbox”>Course 3 <input value=”4″ name=”course” class=”tutorial_list” type=”checkbox”>Course 4 <input value=”5″ name=”course” class=”tutorial_list” type=”checkbox”>Course 5 <input value=”5″ name=”course” class=”tutorial_list” type=”checkbox”>Course 5 <input value=”5″ name=”course” class=”tutorial_list” type=”checkbox”>Course 5 <script…

In this tutorial I will cover how to create Django user sign up/registration, login, logout. Usually I have done it from scratch. You can checkoutout. For the examples I will use an empty Django project named college. Inside the college folder I created an app student core. So every time you see college and/or core, change to the suitable project name and app name. Basic Sign Up The most simple way to implement a user…