Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery Make Checkboxes Checked Selected Mode with Name

Jul 24, 2013
Introduction

Here I will explain how to use jQuery to make particular checkboxes in selected mode based on name or or jQuery to select / checked checkboxes with Name.

Description:



Make Particular checkboxes selected with name jQuery

To make particular checkboxes selected based on name we need to write the code like as shown below


var str = '1,3,6,7';
var splitstring = str.split(',');
for (var i = 0; i < splitstring.length; i++) {
$('input[name="chkdetails"][value="' + splitstring[i] + '"]').attr("checked", true);
}
If you want to see it in complete example check below code


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Make Checkboxes selected based on json string values Page</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function() {
var str = '1,3,6,7';
var splitstring = str.split(',');
for (var i = 0; i < splitstring.length; i++) {
$('input[name="chkdetails"][value="' + splitstring[i] + '"]').attr("checked", true);
}
});
</script>
</head>
<body>
<div>
<label> <input type="checkbox" name="chkdetails" value="1" /> Chennai </label>
<label> <input type="checkbox" name="chkdetails" value="2" /> Hyderabad </label>
<label> <input type="checkbox" name="chkdetails" value="3" /> Delhi </label>
<label> <input type="checkbox" name="chkdetails" value="4" /> Bangalore </label>
<label> <input type="checkbox" name="chkdetails" value="5" /> Mumbai </label>
<label> <input type="checkbox" name="chkdetails" value="6" /> Guntur </label>
<label> <input type="checkbox" name="chkdetails" value="7" /> Chennai </label>
</div>
</body>
</html>
Live Demo




If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email

0 comments :

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.