Включать кнопку с javascript в clickar в одном <a>

Это - то, что я попробовал

<a class="step_block" onClick="activar()" href="" target="_blank" rel="nofollow noreferer">
</a>

   <script language="javascript">
       function activar(){
          document.getElement.ById('buttone').disabled = false;
        }


    </script>

<form action="<?php echo $result ?>">
<button id="buttone" disabled="true" style="background-color:#26a69a;" target="_blank" class="btn waves-effect waves-light" type="submit" name="action">Proceed to target site</button>
</form>

Также мне хотелось бы, что это был в clickar двумя кнопками не один :). Приветствие

Прямо сейчас проблема этого кода состоит в том, что этикетка disabled = false не дезактивирует, если не, что продолжает быть равным. (Не имеет значения, что ты поместил disabled=pepito, что будет дезактивирован)

Мой настоящий код

<div class="all_steps">
<a data-clickado="false" class="step_block" href="https://www.youtube.com/channel/" target="_blank" rel="nofollow noreferer" data-clickado="false">
<div style="background-image:url('https://i.imgur.com/DhSqcGy.png')" class="step_left"></div>
<div class="step_content"><h2 style="text-align:left;">Subscribe</h2>
<p style="text-align:left;">Subscribe to <?php echo $refername; ?> to proceed.</p>
</div><div class="step_arrow"></div>
</a>
<br>
<a data-clickado="false" class="step_block" href="https://twitter.com/intent/follow?" target="_blank" rel="nofollow noreferer">
<div style="background-image:url('https://i.imgur.com/TlYkMkc.png')" class="step_left"></div>
<div class="step_content"><h2 style="text-align:left;">Follow</h2><p style="text-align:left;">Follow <?php echo $refername; ?> to proceed.</p></div><div class="step_arrow"></div></a> </div>
<br>
<form action="<?php echo $result["shortenedUrl"] ?>">
<button id="buttone" disabled="true" style="background-color:#26a69a;" target="_blank" class="btn waves-effect waves-light" type="submit" name="action">Proceed to target site</button>
</form>
<div class="card_share">
</div>
</div>
</section>
<?php
require('inc/service.php');
require('inc/footer.php');
?>
<script language="javascript">

  window.addEventListener('load', () => {
    // Cuando la pagina termine de cargar, anadimos los eventos a los botones.

    document.querySelectorAll('a[data-clickado]').forEach(el => {
      el.addEventListener('click', activar);
    });
  });


   function activar(e){

      let salir = false;

      e.target.dataset.clickado = true; // Guardamos el data para saber que el boton ha sido activado

      document.querySelectorAll('a[data-clickado]').forEach(el => {

          if (!salir && el.dataset.clickado === 'false') {

              salir = true; // En caso en que falte un boton por activar avisamos a la variable

          }

      });

      if (!salir) document.querySelector('#buttone').disabled = false; //activamos el boton si esta todo bien

    }


</script>
2
задан 15.03.2019, 00:03
2 ответа

Сначала комментировать тебе, что метода, чтобы находить элемент из-за id, getElementById(). Хотя он mÃ: s рекомендуемый использовать querySelector().

soluci¦n в твою неудачу:

<a class="step_block" onclick="activar()" href="" target="_blank" rel="nofollow noreferer">Boton1
</a>

   <script language="javascript">
       function activar(){

          document.getElementById('buttone').disabled = false;

        }


    </script>

<form action="<?php echo $result ?>">
<button id="buttone" disabled="true" style="background-color:#26a69a;" target="_blank" class="btn waves-effect waves-light" type="submit" name="action">Proceed to target site</button>
</form>

Способ осуществлять, что это были 2 или число кнопок, которые ты хотел бы:

    <a class="step_block" href="javascript: void(0)" target="_blank" rel="nofollow noreferer" data-clickado="false">Boton1
    </a>

    <a class="step_block" href="javascript: void(0)" target="_blank" rel="nofollow noreferer" data-clickado="false">Boton2
    </a>



    <form action="<?php echo $result ?>">
    <button id="buttone" disabled="true" style="background-color:#26a69a;" target="_blank" class="btn waves-effect waves-light" type="submit" name="action">Proceed to target site</button>
    </form>

<script language="javascript">

  window.addEventListener('load', () => {
    // Cuando la pagina termine de cargar, añadimos los eventos a los botones.

    document.querySelectorAll('a[data-clickado]').forEach(el => {
      el.addEventListener('click', activar);
    });
  });


   function activar(e){

      let salir = false;

      e.currentTarget.dataset.clickado = true; // Guardamos el data para saber que el boton ha sido activado

      document.querySelectorAll('a[data-clickado]').forEach(el => {

          if (!salir && el.dataset.clickado === 'false') {

              salir = true; // En caso en que falte un boton por activar avisamos a la variable

          }

      });

      if (!salir) document.querySelector('#buttone').disabled = false; //activamos el boton si esta todo bien

    }


</script>
3
ответ дан 19.11.2019, 22:09
  • 1
    Оно я не функционирует :(. Я это протестировал tambí в в отдельном документе копируя того, что ты поместил, и ничего, дав click в двух, он не включается –   14.03.2019, 23:47
  • 2
    Первая, если оно функционирует, но вторая не :( –   14.03.2019, 23:53
  • 3
    Прости, были опечатки, уже была бы должна функционировать вторая –  Francisco Garrido 14.03.2019, 23:56
  • 4
    Сейчас оно я функционирует отделенный, но не в моем коде, nose, что я совершаю ошибку. :) –   15.03.2019, 00:03
  • 5
    Я обновил вопрос с кодом, который я поместил включая твой –   15.03.2019, 00:04

Я вижу какие-то вещи, что estÃ: n плохо помещенные, как onclick и document.getElement

<a class="step_block" onclick="activar()" href="" target="_blank" rel="nofollow noreferer">
</a>

   <script language="javascript">
       function activar(){
          document.getElementById('buttone').disabled = false;
        }
   </script>

<form action="<?php echo $result ?>">
<button id="buttone" disabled="true" style="background-color:#26a69a;" target="_blank" class="btn waves-effect waves-light" type="submit" name="action">Proceed to target site</button>
</form>

Событие onclick я это поместил в minúscula и в document.getElementById тебе хватало точки.

2
ответ дан 19.11.2019, 22:09
  • 1
    Спасибо :). Сейчас я попробую делать это с двумя –   14.03.2019, 23:51

Теги

Похожие вопросы