javascript - Mengapakah acara klik saya perlu dicetuskan dua kali? Menunggu dalam talian, segera! ! !

Question

Seperti yang ditunjukkan dalam gambar:
Jika anda tidak bersetuju dengan perjanjian, klik butang di sudut kanan bawah, anda tidak akan dapat melepaskan komisen, dan kotak dialog akan muncul Pada masa yang sama, tetapkan butang kepada atribut dilumpuhkan. (iaitu: lumpuhkan butang)
Kemudian saya menulis acara klik untuk memulihkan butang jika perjanjian disemak.
Kemudian masalah berlaku pada masa ini Bagaimana saya harus menentukan acara tersebut. Saya tidak tahu cara mencetuskan acara kedua untuk menukar butang kepada keadaan dilumpuhkan.

Pada masa ini, saya cuba menulis acara klik, yang boleh dicetuskan dengan mengklik pada elemen induk butang radio ini, iaitu, mengklik pada kawasan tersebut Selepas mencetuskan, butang di sudut kanan bawah akan ditukar kepada boleh diklik.

Kemudian saya mendapati bahawa selepas butang dilumpuhkan, saya terpaksa mengkliknya dua kali!

Kemudian saya mendapati bahawa jika saya tidak bersetuju dengan perjanjian pada langkah pertama, dan kemudian muncul kotak, dan kemudian nyahdayakan butang kanan bawah,
Saya membuat label perjanjian dipilih dan hanya perlu mengklik sekali kali ini. !
Namun, dalam kes ini, laman web tidak boleh mengklik butang di sudut kanan bawah tanpa bersetuju dengan perjanjian itu, tetapi jika butang itu diklik, laman web itu sendiri memilih perjanjian itu memaksa pengguna untuk bersetuju dengan perjanjian itu? ! Jadi, bolehkah sesiapa membantu saya mencari penyelesaian? mendesak! ! !

Berikut ialah gambar dan kod:
Status baru bermula:

Status selepas mengklik:

Ini kodnya:

<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})
    }
})

Answer 1

Laksatif.

Saya tertanya-tanya adakah ini yang anda mahukan?

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

Answer 2

Sama seperti di atas, saya melihat kod itu dan saya tahu maksudnya secara kasar, tetapi saya tidak faham soalan yang anda nyatakan...

Answer 3

Saya tidak dapat meluahkan perasaan saya dengan baik, bro

Anda hanya perlu mengikat satu peristiwa klik butang ini, tentukan status radio dalam panggilan balik, dan kemudian lakukan pemprosesan yang berbeza. Di samping itu, mengapa kita perlu menggunakan mouseup untuk mengikat acara?

Answer 4

$('.zWt_release_agree').parent().mouseup(function()改成$('.zWt_release_agree').parent().click(function()Bagus, anda mencubanya, dan saya rasa acara pengikatan kedua tidak diperlukan. Jika saya melakukannya, butang akan dilumpuhkan secara lalai, dan kemudian kotak semak akan terikat kepada acara klik , ia akan menjadi palsu, jika tidak ia akan menjadi benar

Answer 5

Terima kasih atas jemputan.

Fikir logik sikit~

1. Dalam keadaan awal, adakah btn harus dilumpuhkan secara lalai? Ia akan menyala selepas diperiksa. disabled的？勾选后才会点亮啊。

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

3. 接上条，checked是否需要手动改？

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

Semak acara Adakah terdapat sebarang acara borang bebas yang tersedia untuk borang? Adakah jQ menyediakan antara muka yang berkaitan? Semak manual untuk ini. 🎜🎜 🎜🎜Bersambung dari artikel sebelum ini, adakah semak perlu ditukar secara manual? 🎜🎜 🎜🎜Atribut Boolean ialah atribut yang wujud, dan disyorkan untuk melumpuhkannya dengan menetapkan .prop() kepada false. 🎜🎜 🎜

Answer 6

Bolehkah anda menerangkannya secara ringkas. Sukar untuk ditonton apabila anda banyak bercakap.