javascript - Pourquoi mon événement de clic doit-il être déclenché deux fois? En attente en ligne, urgent ! ! !
某草草
某草草 2017-05-18 10:59:32
0
6
688

Comme le montre l'image :
Si vous n'acceptez pas l'accord, cliquez sur le bouton dans le coin inférieur droit, vous ne pourrez pas débloquer la commission et une boîte de dialogue apparaîtra en même temps, définissez-la. le bouton vers l'attribut désactivé. (c'est à dire : désactiver le bouton)
Ensuite j'ai écrit un événement click pour restaurer le bouton si l'accord est vérifié.
Ensuite, un problème est survenu à ce moment-là. Comment dois-je déterminer l'événement ? Je ne sais pas comment déclencher le deuxième événement pour faire passer le bouton à l'état désactivé.

À ce stade, j'ai essayé d'écrire un événement de clic, qui peut être déclenché en cliquant sur l'élément parent de ce bouton radio, c'est-à-dire en cliquant sur cette zone. Après le déclenchement, le bouton dans le coin inférieur droit sera remplacé par. cliquable.

Puis j'ai découvert qu'une fois le bouton désactivé, je devais cliquer dessus deux fois !

Plus tard, j'ai découvert que si je ne suis pas d'accord avec l'accord dans la première étape, puis que j'affiche une boîte de dialogue, puis que je désactive le bouton en bas à droite,
Je sélectionne le libellé de l'accord et je n'ai besoin de cliquer dessus qu'une seule fois cette fois. !
Cependant, dans ce cas, le sens est erroné. Le site Web ne peut pas cliquer sur le bouton dans le coin inférieur droit sans accepter l'accord. Cependant, si le bouton est cliqué, le site Web sélectionne lui-même l'accord comme convenu. forcer l'utilisateur à accepter l'accord ? ! Alors, quelqu'un peut-il m'aider à trouver une solution ? urgent! ! !

Voici les images et les codes :
Statut de démarrage :

Statut après avoir cliqué :

Voici le code :

<p class="form-group">
    <p class="checkbox col-xs-offset-2">
        <label class="checkbox-inline">
            <input type="checkbox">
            <span class="text-danger">我已经阅读并同意</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:;" class="text-primary" target="_blank">《XXXXXXX隐私保护协议》</a>
        </label>
    </p>
</p>
<br>
<p class="row">
    <input type="submit" class="btn btn-info col-xs-offset-3" value="发布专项委托">
</p>


$('.zWt_release_agree').parent().mouseup(function(){
    if($('.zWt_release_agree').attr("checked")){
        $('.zWt_release_spec').attr({"disabled":false})
    }
})
$('.zWt_release_spec').mouseup(function(){
    if(!$('.zWt_release_agree').attr("checked")){
        alert('您必须同意《花瓣儿网隐私保护协议》后,才可以发布委托!')
        $('.zWt_release_spec').attr({"disabled":true})
        $('.zWt_release_agree').attr({"checked":true})
    }
})
某草草
某草草

répondre à tous(6)
迷茫

Laxatif.

Je me demande si c'est ce que tu veux ?

https://jsfiddle.net/wcw5qo44/1/

(function () {
  var $button = $("button"), $check = $("input[type=checkbox]");
  $button.on('click', function () {
      if (!$check.is(":checked")) {
        $button.prop("disabled", true);
      alert('请勾选');
    } else alert('成功');
  });
    $check.on("change", function () {
      $button.prop("disabled", !$check.is(":checked"));
  });
  
})();
给我你的怀抱

Idem que ci-dessus, j'ai regardé le code et je sais ce que cela signifie grossièrement, mais je ne comprends pas la question que vous avez exprimée...

習慣沉默

Je n'arrive pas à bien m'exprimer, frérot

Il vous suffit de lier un événement de clic de ce bouton, de déterminer l'état de la radio dans le rappel, puis d'effectuer différents traitements. De plus, pourquoi devons-nous utiliser mouseup pour lier des événements ?

刘奇

$('.zWt_release_agree').parent().mouseup(function()改成$('.zWt_release_agree').parent().click(function() C'est bien, vous l'essayez, et je pense que le deuxième événement de liaison est superflu. Si je le fais, le bouton sera désactivé par défaut, puis la case à cocher sera liée à l'événement de clic. Si l'état sélectionné est désactivé, faux, sinon vrai

淡淡烟草味

Merci pour l'invitation.

Réfléchissez un peu à la logique~

  1. Dans l'état initial, btn devrait-il être désactivé par défaut ? Il s'allumera après vérification. disabled的?勾选后才会点亮啊。

  2. 勾选事件,表单有没有独立的表单事件可以用?jQ有没有给相关的接口?这个去查手册。

  3. 接上条,checked是否需要手动改?

  4. 布尔属性是一种固有属性,建议通过.prop()

Vérifiez l'événement. Existe-t-il des événements de formulaire indépendants disponibles pour le formulaire ? JQ fournit-il des interfaces pertinentes ? Consultez le manuel pour cela. 🎜🎜 🎜🎜Dans la continuité de l'article précédent, les cases cochées doivent-elles être modifiées manuellement ? 🎜🎜 🎜🎜L'attribut booléen est un attribut inhérent, et il est recommandé de le désactiver en définissant .prop() sur false. 🎜🎜 🎜
我想大声告诉你

Pouvez-vous le décrire brièvement ? C’est vraiment difficile pour vous de parler autant.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!