Question

如何从数据库检索到无线电类型的数据

<div class="form-check">
    <input class="form-check-input" name="jenis" id="radio3" 
        onclick="enableTxtBox1()" type="radio" value="Cuti Tahunan" />
    <label class="form-check-label">CUTI TAHUNAN</label>
</div>

<div class="form-check">
    <input class="form-check-input" name="jenis" id="radio4"             
        onclick="enableTxtBox1()" type="radio" value="Cuti Sakit"/>
    <label class="form-check-label">CUTI SAKIT</label>    
</div>

<script>
    $('#ModalCenter').on('show.bs.modal', function(e) {
        var jenis = $(e.relatedTarget).data('jenis');
        $(e.currentTarget).find('input[name="jenis"]').val(jenis);
    });
</script>

Answer 1

在这种情况下，您应该按ID而不是名称来查找元素，即：

$(e.currentTarget).find('input[id="radio3"]').val(jenis);
$(e.currentTarget).find('input[id="radio4"]').val(jenis);

Answer 2

使用$(..).val()至textarea设置值是可以的，但不适用于Checkbox或Radio。您需要使用输入选择器的attr方法

执行此操作以更新选中/取消选中

   $(...).attr('checked', true);

   /// to uncheck,
   $(...).attr('checked', false);

要使其更具动态性，您可以使用以下代码检查输入类型

    var isCheckboxOrRadio = $(...).is(':radio, :checkbox'); 

    console.log(isCheckboxOrRadio);    // result will be true or false

Answer 3

如果从数据库中检索到的值是无线电的值，则可以添加checked属性。

<div class="form-check">
    <input class="form-check-input" name="jenis" id="radio3" 
        onclick="enableTxtBox1()" type="radio" value="Cuti Tahunan" 
        <?php echo $data_retrieved['jenis'] == 'Cuti Tahunan' ? 'checked': '' ; />
    <label class="form-check-label">CUTI TAHUNAN</label>
</div>

<div class="form-check">
    <input class="form-check-input" name="jenis" id="radio4"             
        onclick="enableTxtBox1()" type="radio" value="Cuti Sakit"
        <?php echo $data_retrieved['jenis'] == 'Cuti Sakit' ? 'checked': '' ; />
    <label class="form-check-label">CUTI SAKIT</label>    
</div>

从数据库检索到textarea和单选类型的数据

3 个答案: