php - 选中时在文本字段对话框中显示值

Question

这是复选框

<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>

我有 javascript

$(".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，该值不显示。

如何将值加载到文本字段？

Answer 1

$().html 用于div. $().text是为<p>。您必须使用不同的输入字段。使用$().val()；

换这个。

从

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

至

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

Answer 2

由于您使用的是输入，因此您应该使用 .val() 而不是 .html()

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

Answer 3

尝试：

$(".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
     }
});

Answer 4

看一下这个

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

或查看此链接Jquery Text Editor

希望它有效。