Set tooltip for multiple TextBoxes when click using jQuery in ASP.Net

Hi nedash,

Use common class for all the TextBox controls you want to apply tooltip.

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
    $(document).ready(function () {
        var hasToolTip = false;
        $('.txtvadi').on({
            "click": function () {
                hasToolTip = true;
                $(this).tooltip({ items: $(this), content: "Displaying on click" });
                $(this).tooltip("open");
            },

            "mouseout": function () {
                if (hasToolTip) {
                    $(this).tooltip("disable");
                    hasToolTip = false;
                }
            }
        });
    });

</script>
<style type="text/css">
    .txtvadi2 {
        float: left;
        width: 140px;
        height: 36px;
        border: 1px solid #736b33;
        background-color: #000;
        color: #fff;
        font-size: 19px;
        font-family: behtop_Yekan;
        text-align: center;
    }

    .txtvadi1 {
        float: left;
        width: 140px;
        height: 36px;
        border: 1px solid #736b33;
        background-color: #000;
        color: #fff;
        font-size: 19px;
        font-family: behtop_Yekan;
        text-align: center;
    }
</style>
<asp:TextBox ID="TxtPrice1" runat="server" class="form-control txtvadi1 tooltip" placeholder="TxtPrice1" required="required"></asp:TextBox>
<asp:TextBox ID="TxtPrice2" runat="server" class="form-control txtvadi2 tooltip" placeholder="TxtPrice2" required="required"></asp:TextBox>