can anyone help how to make a textbox clickable while it is a in readonly state.

I want to do is a can click my textboxes just like a button because i have plans to it.

<input type="text" readonly value="Click me" id="clickme" />

can anyone help how to make a textbox clickable while it is a in readonly state.

I want to do is a can click my textboxes just like a button because i have plans to it.

<input type="text" readonly value="Click me" id="clickme" />

• javascript
• php
• jquery
• html
• ajax

• is always in readonly mode? – user3401335 Commented Mar 19, 2014 at 7:40
• If you want to do things with it why are you setting readonly in the first place? – David Thomas Commented Mar 19, 2014 at 7:41

9 Answers 9

Like this, readonly catch click, disabled doesen't . fiddle

$(function(){
    $('#clickme').on('click', function(){
        alert(1)
    })    
})

<input type="text" readonly value="Click me" id="clickme" onClick="myFunction()"/>


<script>
    ...
    function myFunction(){
        // Your function
    }
    ...
</script>

Just add a click event to the textbox.

JQuery:

$("#clickme").click(function(){
alert("do something");
});

JsFiddle

Jquery is awesome if you include it.

$('#clickme').on('click', function(e) {
   // do something 
});

Without more information as to what, precisely, you want to do, I'd suggest:

$('#clickme').on('click', function(){
    // to allow for editing of contents:
    $(this).prop('readonly', false);
});

JS Fiddle demo.

Or:

$('#clickme').on('click', function(){
    // to do something if this is readonly:
    if (this.readOnly) {
        // for example:
        console.log('this input is readonly');
    }
});

JS Fiddle demo.

You can use jquery as

$('#clickme').click(function(){
 alert('clickable');
// Your Method.
});

Add few style too

#clickme
{
cursor:pointer;
cursor:hand;
}

Check out this Demo

you can use onclick function, like

    <input type="text" readonly value="Click me" id="clickme" onclick="myfunction()" />

$('#clickme').click(function(){
  alert('Textbox is clicked)
});

You can use:

$('#clickme').click(function(){
  // logic here
});