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

我使用span和输入，类设置为jambooking。当我选中一个复选框并显示一个对话框时，跨度显示一个值。

当我设置为输入类jambooking时，该值不会显示。

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

Answer 1

由于您使用的是输入，因此应使用.val（）而不是.html（）

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

Answer 2

尝试：

$(".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 3

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

更改此内容。

这

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

要

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

Answer 4

检查出来

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

或点击此链接Jquery Text Editor

希望它有效。

选中时在文本域对话框中显示值

4 个答案: