Показать / скрыть элементы родительской формы с помощью jQuery

Question

Показать / скрыть элементы родительской формы с помощью jQuery

0

У меня есть кнопка отправки формы, которая не видна до тех пор, пока пользователь не проверит флажок, чтобы сказать, что они являются людьми (это не лучшая практика, которую я знаю, но у меня нет достаточного контроля для включения Captcha).

Вот HTML:

<div class="row">
    <div class="large-5 columns large-centered center" 
         id="txtHuman" style="display:none">
    <input class="button" name="submitbutton" type="submit" value="Vote now!" />
    </div>
</div>

<div class="row">

    <div class="large-3 columns large-centered verification">
        <label for="isHumanSelected"><span></span></label>
        <input type="checkbox" id="isHumanSelected" style="margin-left:-9999px"/>
    </div>
</div>

Это jQuery:

$('#isHumanSelected').click(function() {
    $("#txtHuman").toggle(this.checked);
});

Это работает. Но я хотел бы скрыть флажок и метку, используемые для определения того, является ли пользователь человеком или нет, когда кнопка отправки формы видна.

Как мне это сделать?

themarcthomas 08 янв. 2014, в 14:19

Источник

0

Извиняюсь. Забыл добавить это. Отредактировано сейчас.
themarcthomas 08 янв. 2014, в 13:03

Теги:

jquery

css

forms

4 ответа

0

$("#txtHuman").is(":checked"))
    $("#element").hide();
else
alert("not:Checked");

Abhishek 08 янв. 2014, в 11:28

0

<div id="PLACEANIDHERE" class="row">

  <div class="large-3 columns large-centered verification">
    <label for="isHumanSelected"><span></span></label>
    <input type="checkbox" id="isHumanSelected" style="margin-left:-9999px"/>
  </div>

</div>

Переключить идентификатор контейнера. И ярлык, и флажок будут видимы/скрыты одновременно.

Примечание. Предоставление флажка не будет препятствовать отправке ботов. Они воссоздают форму отправки, они фактически не заполняют форму.

Mathias Dewelde 08 янв. 2014, в 10:47

0

Как насчет

Live Demo

$(function() {
  $("#isHumanSelected").on("click",function() {
    $(this).parent().html($("#txtHuman").html());
  });
});

mplungjan 08 янв. 2014, в 10:11

0

Это заставило правильные вещи появиться и исчезнуть, но на самом деле как-то сломало форму. Не уверен, что случилось.
themarcthomas 08 янв. 2014, в 13:21
0

Зависит от того, что находится в родительском div. Я использовал ваш HTML
mplungjan 08 янв. 2014, в 13:23

Ещё вопросы

Извиняюсь. Забыл добавить это. Отредактировано сейчас.
Это заставило правильные вещи появиться и исчезнуть, но на самом деле как-то сломало форму. Не уверен, что случилось.
Зависит от того, что находится в родительском div. Я использовал ваш HTML

DaniP · Accepted Answer · 2014-01-08T11-27-00.000Z

Вы можете использовать .parent() чтобы скрыть эти элементы, попробуйте следующее:

$('#isHumanSelected').click(function() {
    $("#txtHuman").toggle(this.checked);
    $(this).parent('.verification').hide();
});

Демо-скрипт

Это сработало для меня. Спасибо. Лучшие вещи!