使用jQuery获取复选框的值并将其赋给文本框的值,可以按照以下步骤进行:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<input type="checkbox" id="checkbox1" value="Value 1"> Checkbox 1
<input type="checkbox" id="checkbox2" value="Value 2"> Checkbox 2
<input type="text" id="textbox">
$(document).ready(function() {
$('#checkbox1, #checkbox2').change(function() {
// 在复选框变化时执行以下代码
var selectedValues = []; // 用于存储选中的复选框值的数组
// 遍历所有选中的复选框
$('input[type="checkbox"]:checked').each(function() {
selectedValues.push($(this).val()); // 将选中的复选框值添加到数组中
});
// 将选中的复选框值赋给文本框
$('#textbox').val(selectedValues.join(', '));
});
});
以上代码的解释如下:
$(document).ready(function() { ... });
:确保页面加载完成后执行代码。$('#checkbox1, #checkbox2').change(function() { ... });
:监听id为checkbox1和checkbox2的复选框的变化事件。$('input[type="checkbox"]:checked').each(function() { ... });
:遍历所有选中的复选框。selectedValues.push($(this).val());
:将选中的复选框的值添加到selectedValues数组中。$('#textbox').val(selectedValues.join(', '));
:将选中的复选框的值使用逗号分隔并赋给id为textbox的文本框。这样,当复选框的选中状态发生变化时,选中的复选框的值将会自动赋给文本框。
推荐的腾讯云相关产品:无
领取专属 10元无门槛券
手把手带您无忧上云