2012-06-13 3 views
0

У меня есть всплывающее окно, которое содержит форму с четырьмя входными значениями и флажком. Я хочу сделать так, что когда флажок установлен, когда вы набираете его имя в одном флажке, он автоматически начинает набирать его имя в каждом из других входов. Как я могу выполнить это с помощью jquery ajax? Есть ли какие-нибудь примеры в любом месте?jquery - использование флажка для автозаполнения

ответ

1

Если я правильно понял, что вы можете сделать что-то вроде ниже,

$("#txtbox").bind("keyup", function() { 
    if ($("#CheckBox").attr("checked")) { 
     $("#OtherTextBox1").val($(this).val()); 
     $("#OtherTextBox2").val($(this).val()); 
     $("#OtherTextBox3").val($(this).val()); 
    } 
}); 

Надеется, что это помогает !!

+0

ли это на самом деле работать без AJAX? Есть ли у OtherTextBox1 и т. Д. Значение val(), если оно было введено прямо сейчас? Я начинаю с пустой формы. – user1015214

+0

да, это просто извлекает значение (из значения атрибута) и вставляет его в другие элементы. –

1

Вот краткая идея для синхронизации изменений по всем входам друг с другом.

http://jsfiddle.net/kQaXm/2/

<input type="checkbox" id="checkbox" /> 
<input type="input" id="input1" /> 
<input type="input" id="input2" /> 
<input type="input" id="input3" /> 
<input type="input" id="input4" /> 

$(function(){ 
    var $inputs = $('input[id^=input]'); 
    $inputs.keyup(function(){ 
     if($('#checkbox').is(':checked')) 
      $inputs.val(this.value); 
    }); 
}); 
+0

Код отлично работает! Но что означает id? – user1015214

+0

И для последующего вопроса: я упомянул, что это всплывающее окно, что означает, что эти входы не существуют при создании dom. Поэтому мне нужно использовать .delegate() not ready(). Как мне это сделать? Мне нужно только передать селектор флажка для делегирования(), потому что это то, что событие включено? – user1015214

+0

Это означает, что он ищет входы, которые начинаются с идентификатора «ввода», поэтому не имеет значения, что происходит после «ввода», оно все равно будет соответствовать. – MetalFrog

Смежные вопросы