如何用jquery标记模态的复选框



我正在使用引导模式和jquery。我正在把字段拖到表单生成器中,它打开了下面表单的模态。我想检查id=";编辑地址";如图所示,模态以jquery打开。我尝试了不同的方式$('#editaddress'(.click(($('#editaddress'(.prop('checked',true(;等等,但这不起作用。可能是我找不到正确的选择器。

<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header text-center">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3 class="semibold modal-title text-primary" style="text-transform: capitalize;">Heading</h3>
</div>
<!-- End Modal Header -->
<div class="modal-body pb0">
<div class="form-group formtemplate mb0">
<div class="row">
<div class="col-lg-12">
<div class="panel form-horizontal form-bordered form-canvas" name="form-profile">
<div class="panel-body pt0 pb0">
<div class="form-group no-border">
<div class="row">
<div class="col-sm-6">
<label for="edit-address-label" class="control-label mb5">Name:</label>
<input id="edit-address-label" type="text" class="form-control fieldNames" data-option="label" placeholder="The question and name for this field..">
</div>
<div class="col-sm-6 mt20 pt10">
<div class="checkbox custom-checkbox">
<input id="edit-address-required" type="checkbox" data-option="required" value="1">
</div>
</div>
</div>
<div class="row mt10">
<div class="row">
<div class="col-sm-1 mt20 pt10">
<div class="checkbox custom-checkbox">
<input class="check-address-checkbox" id="edit-address" type="checkbox" data-option="edit-address" value="1">
<label for="edit-address" checked="">Mark it</label>
</div>
</div>
</div>
</div>
</div>
</div>

.click((方法应该适用于您的情况检查控制台,看看你是否有任何jquery问题

这里有一个非常简单的例子,你可以试试:

<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checkbox</title>
</head>
<body>
<button id="btn">Tick</button>
<div>
<input type="checkbox" id="check"> Check
</div>
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js""></script>
<script>
$('#btn').click(function () {
$('#check').click();
console.log(" Checked");
});</script>
</body>
</html>

试试这个:

$('#edit-address').attr('checked', true);

最新更新