Vérifiez si le bouton radio Valeur vérifiée

<tr> 
    <td align="left"> 
     <input type="radio" name="radio_1" value="1" />Public 
     <input type="radio" name="radio_1" value="2" />Not Public 
     <input type="radio" name="radio_1" value="3" />Confidential 
    </td> 
</tr> 
<tr> 
    <td align="left"> 
     <input type="radio" name="radio_2" value="1" />Public 
     <input type="radio" name="radio_2" value="2" />Not Public 
     <input type="radio" name="radio_2" value="3" />Confidential 
    </td> 
</tr> 
<tr> 
    <td align="left"> 
     <input type="radio" name="radio_3" value="1" />Public 
     <input type="radio" name="radio_3" value="2" />Not Public 
     <input type="radio" name="radio_3" value="3" />Confidential 
    </td> 
</tr>

salut,Vérifiez si le bouton radio Valeur vérifiée

Si je sélectionne première option dans la première rangée de boutons radio. Dans la deuxième rangée je ne vérifie pas la première option parce que la première option est déjà vérifiée dans la première rangée .. J'ai besoin d'une validation jquery pour cela

Aidez-moi!

Source

2009-12-31 Bala

Il semble que vous souhaitiez réellement permettre à l'utilisateur de donner la priorité à la liste de valeurs. Comme "Public" gona être 1er, "Confidentiel" - deuxième etc. Est-ce la tâche? –

C'est vraiment simple à faire si vous êtes capable d'utiliser javascript. Est-ce une option? – ChadNC

Je suppose que serait la meilleure façon de vérifier l'action de clic dans jquery

vous aurais tant ..

$(input[type=radio]).click(function() { 
    //Store THIS object 
    var $this = $(this); 

    //Get the id of this radio button 
    var $id = $this.attr('id'); 

    //If radio button is selected 
    if($this.is(':selected') { 

    //Disable all other radio buttons with this id. 
    $('#' + $id).changeClass("disabled"); 

    } else { 
    //Else it is being unselected, so enable radio buttons with id. 
    $('#' + $id).changeClass("enabled"); 
    } 
};

Quelques points ..

Je ne suis pas sûr si if($this.is(':selected') est le meilleur moyen de vérifier les boutons radio, mais une méthode similaire fonctionne avec les cases à cocher
Au lieu de changer la classe y Vous voudrez peut-être modifier un attribut ou une propriété css.

Source

2009-12-31 14:13:36 cast01

Vous devez réorganiser les noms/valeurs des boutons radio.

<tr> 
    <td align="left"> 
     <input type="radio" name="radio_1" value="1" />Public 
     <input type="radio" name="radio_2" value="1" />Not Public 
     <input type="radio" name="radio_3" value="1" />Confidential 
    </td> 
</tr> 
<tr> 
    <td align="left"> 
     <input type="radio" name="radio_1" value="2" />Public 
     <input type="radio" name="radio_2" value="2" />Not Public 
     <input type="radio" name="radio_3" value="2" />Confidential 
    </td> 
</tr> 
<tr> 
    <td align="left"> 
     <input type="radio" name="radio_1" value="3" />Public 
     <input type="radio" name="radio_2" value="3" />Not Public 
     <input type="radio" name="radio_3" value="3" />Confidential 
    </td> 
</tr>

La valeur indique maintenant l'ordre au lieu du nom. C'est beaucoup plus facile. Pas besoin de validation JS.

Source

2009-12-31 14:38:22 BalusC

génial !! C'est l'idée –

si je comprends bien cela devrait fonctionner

function valForm(form) { 
var btn1 = parseInt(form.radio_1.value, 10) || 0; 
var btn2 = parseInt(form.radio_2.value, 10) || 0; 
var btn3 = parseInt(form.radio_3.value, 10) || 0; 
btn = (btn1 + btn2 + btn3) 
if (btn < 3) alert('Select a button, homie'); 
else alert('Button value ' + btn + ' selected'); 
}

on jsfiddle. depuis 3 est la moindre valeur possible si toutes les cases sont cochées, nous vérifions si btn en moins de 3 ou plus.

<head> 
<script type="text/javascript"> 
function valForm(form) { 
var btn1 = parseInt(form.radio_1.value, 10) || 0; 
var btn2 = parseInt(form.radio_2.value, 10) || 0; 
var btn3 = parseInt(form.radio_3.value, 10) || 0; 
btn = (btn1 + btn2 + btn3) 
if (btn < 3) alert('Select a button, homie'); 
else alert('Button value ' + btn + ' selected'); 
} 
</script> 

</head> 
<body> 
<form name="theatomicform"> 
<tr> 
    <td align="left"> 
     <input type="radio" name="radio_1" value="1" />Public 
     <input type="radio" name="radio_1" value="2" />Not Public 
     <input type="radio" name="radio_1" value="3" />Confidential 
    </td> 
</tr> 
<tr> 
    <td align="left"> 
     <input type="radio" name="radio_2" value="1" />Public 
     <input type="radio" name="radio_2" value="2" />Not Public 
     <input type="radio" name="radio_2" value="3" />Confidential 
    </td> 
</tr> 
<tr> 
    <td align="left"> 
     <input type="radio" name="radio_3" value="1" />Public 
     <input type="radio" name="radio_3" value="2" />Not Public 
     <input type="radio" name="radio_3" value="3" />Confidential 
    </td> 
</tr> 
<input value="Validate" type="button" onClick="valForm(theatomicform)"> 
</form> 
</body>

Source

2011-03-25 08:21:51 jackson5

Vérifiez si le bouton radio Valeur vérifiée

Répondre

Questions connexes