показать значение в диалоговом окне текстового поля, когда оно отмечено

это флажок

<input id="c1" type="checkbox" name="hour[]" class="create-daily" value="1" /><br />
<input id="c2" type="checkbox" name="hour[]" class="create-daily" value="2" /><br />
<input id="c3" type="checkbox" name="hour[]" class="create-daily" value="3" /><br />

у меня есть диалог

<div id="form_input" title="Konfirmasi">
 <?php $data['hour'] = $this->input->post('hour');?>
  <table>
    <?php echo form_open('booking/ok'); ?>
    <input type="hidden" value='' id="id" name="id">
    <input type="hidden" value="<?php echo $sdate?>" id="sdate" name="sdate" />
    <?php echo "Anda memesan room : <br/>Tanggal :<b> ".$sdate."</b><br>";?>
    Jam : <b><span class="jambooking"></span></b>
    <tr>
        <td>
        <div class="element">
            <label class="Norm">Jam:</label>
            <input type="text" name="jam" class="jambooking" id="jam" minlength="2" value="" />
            </div>

            <label class="Norm">User:</label>
            <input type="text" name="user" class="required text" minlength="2" />
            </div>

у меня есть джаваскрипт

$(".create-daily").live("click",function(){
         if ($(this).attr("checked")){
             //var date = $(this).attr("date");
             //$('#date').val(date);
            $( "#form_input" ).dialog( "open" );
            $(".jambooking").html( $(":checked").val());
            }
        });

Я использую диапазон и ввод с классом, установленным на jambooking. Когда я установил флажок и показываю диалоговое окно, диапазон показывает значение.

Когда я устанавливаю входной класс jambooking, значение не отображается.

Как мне загрузить значение в текстовое поле?


person Puja Sury    schedule 08.05.2012    source источник


Ответы (4)


Пытаться:

$(".create-daily").live("click",function(){
     if ($(this).is(":checked")){
         var checkedVal = $(this).val();
         //$('#date').val(date);
         $( "#form_input" ).dialog( "open" );
         $("span.jambooking").html(checkedVal); //for span
         $("input.jambooking").val(checkedVal); //for textbox
     }
});
person Sudhir Bastakoti    schedule 08.05.2012

Поскольку вы используете ввод, вы должны использовать .val() вместо .html()

$(".jambooking").val( $(":checked").val());
person killebytes    schedule 08.05.2012

$().html для div. $().text для <p>. Вы должны использовать другой для поля ввода. Используйте $().val();

Поменяй этот.

Из

$(".jambooking").html( $(":checked").val());

To

$("input.jambooking:text").val( $(":checked").val());
person Jonas T    schedule 08.05.2012

Проверь это

$(".jambooking").val( $(":checked").val());

или перейдите по этой ссылке Текстовый редактор Jquery

Надеюсь, что это работает.

person Rashid    schedule 08.05.2012