Question

我正在使用data-*发送模态值以进行表单编辑。我试图在此模态上发送一个复选框值，但它没有比较其isset值来设置是否检查模态值上的复选框。

这是编辑/删除代码的按钮：

<div class="btn-group">
    <a class="btn btn-primary" href="#"><i class="fa fa-female"></i> Yakult Lady</a>
    <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
    <span class="fa fa-caret-down"></span></a>
    <ul class="dropdown-menu">
        <?php
        echo "<li><a class=\"open-EditRow\" data-ylno=\"".$ylno."\" data-firstname=\"".$firstname."\" data-lastname=\"".$lastname."\" data-bday=\"".$bday."\" data-hired=\"".$hired."\" data-inactive=\"".$inactive."\" data-status=\"".$status."\" data-area=\"".$areano."\" title=\"Edit this row\" \"><i class=\"fa fa-pencil\"></i> Edit</a></li>";
        echo "<li><a class=\"open-DeleteRow\" data-ylno=\"".$ylno."\" data-firstname=\"".$firstname."\" data-lastname=\"".$lastname."\" title=\"Delete this row\" \"><i class=\"fa fa-trash\"></i> Delete</a></li>";
        ?>
    </ul>
</div>

这是编辑模式代码：

<div class="form-group">
    <label class="col-sm-3 control-label">Status</label>
    <div class="col-sm-5">
        <div class="checkbox">
            <label>
                <input type="hidden" name="status" id="status" value="<?php echo $status; ?>" />
                <input type="checkbox" onclick="enableStatus(this.checked, 'inactive1');" name="status" id="status"<?php if($status == "Inactive") { ?> checked="checked" <?php } ?>> Inactive
                <i class="fa fa-square-o small"></i>
            </label>
        </div>
    </div>
</div>

这是它的jquery代码：

$('.open-EditRow').click(function(){
   var status = $(this).attr('data-status');
   $('#myModal #status').val(status);
   $('#myModal').modal('show');
});

如何发送复选框isset数据以设置选中或取消选中复选框？

Answer 1

要检查取消选中，您需要设置checked属性值，而不是复选框的值

$('#myModal #status').prop('checked', status == 'yes');//if yes is the value stored in the database if the checkbox is checked

另请注意，您可以使用$('#status').prop('checked', status == 'yes');，因为元素的ID在页面中必须是唯一的。

在模态上获取isset复选框值

1 个答案: