Флажок ACF при щелчке на флажке должно быть добавлено новое поле - PullRequest
Новая
       4

Флажок ACF при щелчке на флажке должно быть добавлено новое поле

0 голосов
/ 06 марта 2020

во-первых, я хочу сделать такие же поля, как эта ссылка https://teamemsoft.com/staging/profile/mark-monteleone/. и затем я хочу, чтобы, когда я проверяю флажок, новое поле должно быть добавлено ниже флажка, как это то, что я пытаюсь сделать

флажок ACF при проверке на флажок новое поле должно быть добавлено пожалуйста, помогите мне, что я могу сделать? и как это возможно

1 Ответ

0 голосов
/ 06 марта 2020

Добро пожаловать в SO.

Сначала вам нужно перечислить все поля формы, а затем вы должны использовать jquery, чтобы скрыть / показать поля, основываясь на флажке.

Как согласно моему пониманию, я создал JSfiddle. Это будет работать, как вы ожидали. 

$( document ).ready(function() 
{
$(".heynow2_div").hide();
$("#check1").click(function() {
    if($(this).is(":checked")) {
        $(".heynow2_div").show(300);
    } else {
        $(".heynow2_div").hide(200);
    }
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="" method="post">
<div class="check_div">
<input type="checkbox" id="check1" name="check1" value="00">
<label for="check1"> 00</label><br>
</div>
<div class="heynow1_div">
<label for="heynow"> Hey Now</label><br>
<input type="text" id="heynow" name="heynow" value="">
</div>
<div class="heynow2_div">
<label for="heynow2"> Hey Now2</label><br>
<input type="text" id="heynow2" name="heynow2" value="">
</div>
</form>

https://jsfiddle.net/rajeevRF/1gyuj8zb/10/

...