Tengo un Formulario con 4 input de tipo radio y un boton para enviar el formulario el cual lo trabaje con jquery.
1- Logre hacer check y uncheck en los radio button pero el codigo es algo extenso y me gustaria poder tenerla mas simplificado.
2- El boton de enviar debe habilitarse cuando al menos 1 de los radio button este check y deshabilitarse cuando los radio button esten uncheck o se haga check y uncheck y todos los radio button queden uncheck.
HTML
<input type="radio" class="radio1 r" value="0">
<br>
<input type="radio" class="radio2 r" value="0">
<br>
<input type="radio" class="radio3 r" value="0">
<br>
<input type="radio" class="radio4 r" value="0">
<br>
<br>
<button class="btn" disabled="disabled">
Enter
</button>
JS-Jquery
var radio1 = false;
$(".radio1").click(function () {
if (radio1 == false) {
$(this).prop("checked", true);
$(this).prop("value", "1");
radio1= true;
}
else if (radio1 == true) {
$(this).prop("checked", false);
$(this).prop("value", "0");
radio1= false;
}
});
var radio2 = false;
$(".radio2").click(function () {
if (radio2 == false) {
$(this).prop("checked", true);
$(this).prop("value", "1");
radio2= true;
}
else if (radio2 == true) {
$(this).prop("checked", false);
radio2= false;
}
});
var radio3 = false;
$(".radio3").click(function () {
if (radio3 == false) {
$(this).prop("checked", true);
$(this).prop("value", "1");
radio3= true;
}
else if (radio3 == true) {
$(this).prop("checked", false);
radio3= false;
}
});
var radio4 = false;
$(".radio4").click(function () {
if (radio4 == false) {
$(this).prop("checked", true);
$(this).prop("value", "1");
radio4= true;
}
else if (radio4 == true) {
$(this).prop("checked", false);
radio4= false;
}
});
function calcscore(){
var score = 0;
$(".r:checked").each(function(){
score+=parseInt($(this).val(),10);
if( score > 0 )
$('.btn').prop('disabled',false);
else
$('.btn').prop('disabled',true);
});
$("input[name=sum]").val(score)
}
$().ready(function(){
$(".r").change(function(){
calcscore()
});
});
pueden verlo en ejecucion aquí
Muchas gracias por su ayuda