我有以下代碼,用于選擇選擇的值,并在選擇回傳值時檢查復選框是否為真。
$('#title').change(function(){
var data = {"title":$('#title').val()};
$.ajax({
type:"POST",
url:"./atribvisit2",
dataType:"Json",
data:data,
success:function(callback){
var data_array = callback;
artdat = data_array
$("#certificad").html(artdat);
document.getElementById('certificad').value = artdat;
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
<label for="title" class="col-sm-4 control-label">NOME UTENTE</label>
<div class="col-sm-8">
<select name="title" class="form-control" id="title">
<option value=""></option>
<?php
$sql = "SELECT * FROM raddb.Utente WHERE ativo = '1' AND codigo NOT IN ('701', '723') ORDER BY nome ASC";
$qr = mysqli_query($conn, $sql);
while($ln = mysqli_fetch_assoc($qr)){
echo '<option value="'.$ln['codigo'].'">'.$ln['nome'].'</option>';
}
?>
</select>
</div>
</div>
<div class="switch-field">
<input type="checkbox" id="certificad" name="certificad" value="1" />
<label for="certificad">Com Certificado</label>
</div>
我打算如果回傳的值等于 1,復選框會自動檢查。如果它與 1 不同,則不要選中該復選框。
你能幫我嗎?
uj5u.com熱心網友回復:
你可以簡單地使用jquery html元素的checked prop
$('#title').change(function(){
var data = {"title":$('#title').val()};
$.ajax({
type:"POST",
url:"./atribvisit2",
dataType:"Json",
data:data,
success:function(callback){
var data_array = callback;
artdat = data_array
$("#certificad").html(artdat);
$('#certificad').val(artdat);
$('#certificad').prop('checked', artdat == '1');
}
});
});
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/440138.html
標籤:javascript html jQuery
