Comment est un bouton radio coché, si il n'y a qu'un seul bouton?

J'ai ces deux boutons radio à l'intérieur d'un Formulaire de Saisie:

<input type="radio" name="info_only_on" value="yes"> Info-only  
<input type="radio" name="info_only_on" value="off"> (Clear Button)

Il crée deux boutons, de sorte que l'utilisateur peut vérifier les info-seulement, puis désactiver les info-seulement si ils ont fait une erreur. J'ai créé le 2ème bouton, car une fois que le bouton radio est coché, cliquez de nouveau sur, ne pas désélectionner.

J'ai basculé type="checkbox", qui ne laissent à l'utilisateur le désélectionner.

<input type="checkbox" name="info_only_on" value="yes">

En regardant les spécifications de la radio de type bouton, je ne vois pas de quoi que ce soit pour l'utilisateur décochant. Ce qui me manque?

Je suis en utilisant le html, le php et en évitant javascript.

Le php utilisé pour vérifier la valeur de la zone est:

 //When info_only_on is set to clear, it's value should be passed here as "no" 
if($_POST["info_only_on"] == "yes")                                     
{ $info_only =  "Added Member info online but not paying online. ";   }
else 
{ $info_only = " ";  }   

  //BUILD UP MESSAGE to email to our membership chair  
$MsgToWrite = "\r\n" . $BasicInfo . $PhoneInfo . $EmailInfo;
If ($info_only <> " ") 
{   $MsgToWrite = $MsgToWrite . "\r\n" . $info_only; }

pourquoi êtes-vous en évitant de javascript? c'est quelque chose de parfaitement adapté pour javascript, cependant, et peut être atteint par l'utilisation de pur css et le basculement de l'opacité... pour publier le code source complet pour que je puisse voir.
Alors quel est le problème en utilisant la case à cocher?
case est très bien ici, mais je veux résoudre ce mystère pour quand je veux utiliser la radio boîtes. Même si il y a une radio quelques cases, j'aimerais avoir l'option de sélection d'aucun d'eux.
OK, mais il n'est pas possible en utilisant seulement le CSS, vous avez besoin de JavaScript/JQuery, pour sûr. Aussi, je dirais que si vous descendez le long de l'aide de JavaScript alors éviter les boutons radio pour ce faire, trouver d'autres alternatives. Je peux vous aider avec ça(JavaScript Solution).
compte tenu de mes utilisateurs qui, plusieurs de ceux qui ont le javascript désactivé, je voudrais l'éviter. C'est le code source complet. La seule autre de la ligne est de la forme d'entrée à l'action (etc.) et diverses html texte à l'écran et saisie des éléments de texte. Il est plus vieux code un peu remodelée, donc il est aménagé avec des tables et ne pas avoir un .css id associé avec elle. (J'utilise .css ailleurs, pourrait facilement ajouter une .css de l'élément si cela peut aider.) Quelle est la fonction de l'opacité?
étant donné que je suis assez rouillé sur javascript et de savoir ce que j'essaie de résoudre ici - je serais intéressant de voir l'option javascript de votre solution (si je peux apprendre.)
oui quoi de mal avec l'aide de case?
J'ai répondu à cette déjà 🙂 (voir ci-dessus). Je suis en train de modifier la qusetion pour ajouter le code php qui vérifie la boîte. C'est ce que vous demandez en pour les! Je ne le savais pas.
ok foufous, laissez-moi savoir si vous avez besoin d'aide avec quelque chose d'autre.
vous avez mentionné être en mesure de le faire avec .la css et de l'opacité. Pouvez-vous expliquer plus?
Ses possible si les animations CSS... à l'aide de la play-state propriété et le basculement, mais honnêtement, n'en vaut pas tout le travail pour mettre en place quelque chose comme ça, quand vous avez des cases à cocher qui ne ce exact de la fonction lol.
Je veux aussi avoir cette cause (1) j'essaie de ne pas utiliser de JS (2) je suis en train de faire un réductible contenu à l'aide de CSS. Donc si quelqu'un a une réponse, il serait apprécié...

InformationsquelleAutor curls | 2015-09-20

4

Je ne pense pas que vous pouvez le faire sans javascript, voici un exemple simple :

Code HTML :
```
<input type="radio" name="name" id="radioBtn" onclick="test(this)" /> Radio
```
Code Javascript :
```
    var radioState = false;
    function test(element){
        if(radioState == false) {
            check();
            radioState = true;
        }else{
            uncheck();
            radioState = false;
        }
    }
    function check() {
        document.getElementById("radioBtn").checked = true;
    }
    function uncheck() {
        document.getElementById("radioBtn").checked = false;
    }
```
Prendre un coup d'oeil ici : https://jsfiddle.net/eloufirhatim/ypwhugxz/
- ce qu'il est.
- Merci! Je suis un peu perdu en la regardant. Mais aller faire des choses, donc je vais revenir ce soir et regarder un peu plus. Je ne vois pas où est l'élément est mis à passer des tests de la fonction. Ni pourquoi pourquoi check() n'est pas le test de la clause dans l'instruction if. Je suis complètement perdu -- besoin de regarder quand j'ai le temps.
- Lorsque vous cliquez sur le bouton radio (attribut onclick) la fonction de TEST est lancé, cette fonction de test d'une variable nommée "radioState" (initialisé à false) : radioState = vrai -> le bouton radio est coché et des moyens de faux bouton radio coché, donc si la variable testée est faux, la fonction de VÉRIFICATION est lancée pour cocher le bouton radio, sinon la fonction DÉCOCHEZ est lancé, décochez le bouton radio
- Ah, ça fait beaucoup plus de sens maintenant. J'ai toujours ne pas comprendre comment le test(ce) obtient un "il", ou si l'élément de test(élément) peut être n'importe quel nom ou doit être un élément de sorte que getElementById obtient le onclick de la valeur. Le processus peut également être fait comme je l'ai édité ci-dessus?
- le paramètre "ce" est de passer l'entrée de la radio en tant que paramètre à la fonction, de sorte que vous pouvez utiliser dans la fonction, mais c'est optionnel, ici, 'coz je ne l'utilise pas dans la fonction de sorte que vous pouvez utiliser la fonction comme : test()
- Si l'élément est un choix et n'a rien à voir avec l'élément dans le document.getElementById("radioBtn").vérifié phrase?
- Merci pour toutes ces précisions. c'est très très utile!!!
- Oui élément est optionnel et le document.getElementById est d'obtenir l'élément par son id (l'attribut html "id=") vous êtes la bienvenue 😉
- Note que, selon les spec, un bouton radio ne peut pas être seul A tree must not contain an input element whose radio button group contains only that element. html.spec.whatwg.org/multipage/...
InformationsquelleAutor EL OUFIR Hatim
5

Malheureusement, il n'existe aucun moyen pour désélectionner un seul bouton radio à l'aide de HTML. En HTML, un bouton radio doit être sélectionné. Si vous souhaitez la possibilité de désélectionner tous les boutons radio après on a été sélectionné, vous devez alors utiliser le javascript pour cela.

De Wikipedia: "Il est possible que d'abord aucun des boutons radio dans un groupe sont sélectionnés. Cette décochée, l'etat ne peut être restaurée par l'interaction avec le radio-bouton widget, si il peut être possible par le biais des autres éléments de l'interface utilisateur." https://en.wikipedia.org/wiki/Radio_button
- eh bien, c'est un drôle de conception. Mais cela explique pourquoi je n'arrivais pas à repérer un moyen de faire exactement le contraire de ce que (et l'obtenir désactivée.) Semble étrange que des cases à cocher peut être, mais les boutons radio peuvent pas l'être. L'interprète (navigateurs) code doit être en mesure d'être standardisées, afin que les deux peuvent travailler. Merci pour l'information!
- J'ai posté avec votre nom et @ et il a disparu. Ensuite posté avec au-colombie-britannique et il est resté. J'ai vu cela avant. Est-il quelque chose de simple, je ne suis pas en train de faire ou dois-je la demander en méta de comprendre cela?
InformationsquelleAutor BrainChemist

Vous devez vous connecter pour publier un commentaire.