¿Cómo usar la radio en un evento de cambio?

Tengo dos botones de opción en el evento de cambio Quiero cambiar el botón ¿Cómo es posible? Mi código

Allot Transfer 

Guión

  $(document).ready(function () { $('input:radio[name=bedStatus]:checked').change(function () { if ($("input[name='bedStatus']:checked").val() == 'allot') { alert("Allot Thai Gayo Bhai"); } if ($("input[name='bedStatus']:checked").val() == 'transfer') { alert("Transfer Thai Gayo"); } }); });  

estos scripts solo funcionan. Botón Allot Seleccionar solo

Puede usar this que se refiere al elemento de input actual.

 $('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"); } }); 

http://jsfiddle.net/4gZAT/

Tenga en cuenta que está comparando el valor contra allot en ambas sentencias if y :radio selector de :radio está en desuso.

En caso de que no esté utilizando jQuery, puede usar los métodos document.querySelectorAll y HTMLElement.addEventListener :

 var radios = document.querySelectorAll('input[type=radio][name="bedStatus"]'); function changeHandler(event) { if ( this.value === 'allot' ) { console.log('value', 'allot'); } else if ( this.value === 'transfer' ) { console.log('value', 'transfer'); } } Array.prototype.forEach.call(radios, function(radio) { radio.addEventListener('change', changeHandler); }); 

Una adaptación de la respuesta anterior …

 $('input[type=radio][name=bedStatus]').on('change', function() { switch($(this).val()) { case 'allot': alert("Allot Thai Gayo Bhai"); break; case 'transfer': alert("Transfer Thai Gayo"); break; } }); 

http://jsfiddle.net/xwYx9/

Una forma más simple y limpia sería usar una clase con la respuesta de @ Ohgodwhy

   

Guión

 ​$( ".rButton" ).change(function() { switch($(this).val()) { case 'allot' : alert("Allot Thai Gayo Bhai"); break; case 'transfer' : alert("Transfer Thai Gayo"); break; } });​ 
 $(document).ready(function () { $('#allot').click(function () { if ($(this).is(':checked')) { alert("Allot Thai Gayo Bhai"); } }); $('#transfer').click(function () { if ($(this).is(':checked')) { alert("Transfer Thai Gayo"); } }); }); 

JS Fiddle

Utilice la función onchage

 Allot Transfer  
 upi Bank  
 document.addEventListener('DOMContentLoaded', () => { const els = document.querySelectorAll('[name="bedStatus"]'); const capitalize = (str) => `${str.charAt(0).toUpperCase()}${str.slice(1)}`; const handler = (e) => alert( `${capitalize(e.target.value)} Thai Gayo${e.target.value === 'allot' ? ' Bhai' : ''}` ); els.forEach((el) => { el.addEventListener('change', handler); }); });