jQuery Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net

  ASP.NET   Wednesday, February 17, 2016   1967 | 3 Comments | Not Downloaded Yet!!! | No Demo | Pawan kumar
 Tags: jQuery Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net  Select Multiple Item By Pressing Ctrl Button 


Introduction

Here Pawan Kumar will explain how to jQuery Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net

Description

In previous post I have explained Assign datepicker to runtime/dynamic textboxes in ASP.NET using jQuery, Show Asp.Net Gridview Row Details using Bootstrap Tooltip on MouseHover GridView Row Cell, Best 7 Resources for 3 tier architecture Asp.Net, Show Hide Password Using Javascript ASP.NET, How to Create Tab Control Using jQuery In Asp.Net, jQuery Datepicker Calendar With Slide Down Effect In Asp.Net, and many more articles.

Now I will explain How to jQuery Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net

So follow the steps to learn jQuery Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net

jQuery Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net:-

ASPXCode:-

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 <!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net</title>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <style>
        .fontsize {
            font-size: 11px;
        }

        #countrylist .ui-selecting {
            background: Red;
        }

        #countrylist .ui-selected {
            background: #ff6a00;
            color: white;
        }

        #countrylist {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 98%;
        }

        #countrylist li {
            margin: 3px;
            padding: 0.4em;
            font-size: 1.4em;
            height: 18px;
        }
    </style>
    <script>
        $(function () {
            $("#countrylist").selectable();
        });
    </script>
</head>
<body class="fontsize">
    <ul id="countrylist">
        <li class="ui-widget-content">C#</li>
        <li class="ui-widget-content">ASP.NET</li>
        <li class="ui-widget-content">jQuery</li>
        <li class="ui-widget-content">F#</li>
        <li class="ui-widget-content">ADO.NET</li>
    </ul>
</body>
</html>

Conclusion:

So, In this tutorial we have learned, jQuery Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net

Download Source Codes

Post Comments

if you have some suggestion, question, request on jQuery Code To Select Multiple Item By Pressing Ctrl Button In Asp.Net.

Please use the comment box to express your views.

 

Comments: