<div class="radio-box">
<label for="radioA">
<input type="radio" id="radioA" name="radioName" value="男">男
</label>
<label for="radioB">
<input type="radio" id="radioB" name="radioName" value="女">女
</label>
</div>
<div class="checkbox-box">
<label for="checkboxA">
<input type="checkbox" name="checkboxName" id="checkboxA" value="A">A
</label>
<label for="checkboxB">
<input type="checkbox" name="checkboxName" id="checkboxB" value="B">B
</label>
<label for="checkboxC">
<input type="checkbox" name="checkboxName" id="checkboxC" value="C">C
</label>
</div>
radio操作
$('input[name="radioName"]').get(0).checked = true;
$('input:radio[name="radioName"]').change(function () {
let radioValue = $('input[name="radioName"]:checked').val();
if (radioValue === null) {
$('.showRadioValue').html("什么也没选中!");
} else {
$('.showRadioValue').html('选中 ' + radioValue);
}
});
checkbox操作
$("#checkboxA").attr("checked", '');
$("#checkboxB").attr("checked", true);
$('input:checkbox').change(function () {
console.log($("input:checkbox").get(1).checked);
$('.showCheckbox').html('已选择');
$("input[name='checkboxName']").each(function () {
if ($(this).is(':checked')) {
let checkboxValue = $(this).val();
$('.showCheckbox').append(' ' + checkboxValue);
}
});
if ($("#checkboxC").get(0).checked) {
$('.show').html('选择C');
} else {
$('.show').html('未选择C');
}
});