Как скопировать ввод из одного текстового поля в другое с помощью флажка с помощью jQuery? - PullRequest
Новая
       27

Как скопировать ввод из одного текстового поля в другое с помощью флажка с помощью jQuery?

7 голосов
/ 01 апреля 2009

Я очищаю простую форму, в которой есть текстовое поле «Дата начала» и «Дата окончания». Я хочу добавить флажок между этими полями, чтобы пользователь мог проверить, совпадает ли Дата окончания с датой начала, поэтому, когда они проверяют ее, автоматически вводится значение даты начала (например, 04/01/09) в поле «Дата окончания», чтобы им не приходилось вводить одну и ту же дату дважды. Имеет ли это смысл?

Кстати, я использую сексуальный пользовательский интерфейс JQuery DatePicker, и это мило, но я просто не могу понять вышеупомянутую проблему.

Я знаю, что есть простое решение (обработчик событий?), Но я в замешательстве.

Ответы [ 2 ]

12 голосов
/ 01 апреля 2009

Попробуйте этот код: 

$("#checkboxId").click(copyDate);

function copyDate()
{
   var start=$("#startDate").val();
   if (this.checked==true)
     $("#endDate").val(start);
}

Замените идентификаторы на ваши собственные идентификаторы полей.

4 голосов
/ 01 апреля 2009

Простой взлом для решения вашей проблемы. 

<html>
<head>
    <script src="js/jquery.js" ></script>
</head>
<body>
    <form>
        <input type="text" name="startdate" id="startdate" value=""/>
        <input type="text" name="enddate" id="enddate" value=""/>
        <input type="checkbox" name="checker" id="checker" />
    </form>
    <script>
    $(document).ready(function(){
            $("input#checker").bind("click",function(o){
                if($("input#checker:checked").length){
                    $("#enddate").val($("#startdate").val());
                }else{
                    $("#enddate").val("");
                }
            });
        }
    );
    </script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...