我正在使用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 data来设置复选框为选中或未选中?
要勾选取消勾选,您需要设置选中的属性值,而不是复选框的值,因此
$('#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在一个页面中必须是唯一的。