How to trigger the radio button event in page _load using javascript ?

Karthik K

Hi All,

we need to trigger the radio button event in page _load using javascript automatically without any manual interaction. Can anyone suggest with example?

Thanks

Karthik. k

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Satya Karki4y ago
Accepted answer
Try this
```
$(function(){
  $("#radio-button-id").click();
});
```
+3

Uday Dodiya4y ago

Hi Karthik,

Try Following

Html Code


Yes 
No
  


Others 
HP-UNIX

Java Script

if($('input[name="button1"]').is(':checked')){
    alert('1 is checked');
}

if($('input[name="button2"]').is(':checked')){
    alert('2 is checked');
}

Reference : http://jsfiddle.net/tVRrb/

Rijwan Ansari4y ago

Hi,

I am not sure about the question. Generally, the radio button event is either click or change, which you can do in JavaScript. However, you can trigger event page load as shown:

Change Event

$('input[type=radio][name=bedStatus]').change(function() {
    if (this.value == 'allot') {
        alert("Allot Thai Gayo Bhai");
    }
    else if (this.value == 'transfer') {
        alert("Transfer Thai Gayo");
    }
});

Click Event

$('#radio-button-id').click(function() {
  if($('#radio-button-id').is(':checked')) 
  { 
    //input where you put a value
    $('#program').val("radio-button-text");
  }                      
});

Sachin Singh4y ago
You can trigger the click event because change event won't work for initial load
```
$(function(){

$("input:radio[name='rdoAnything'}:first").prop("checked", true).trigger("click");
})
```
+3