可以通过以下步骤实现:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<input type="checkbox" id="checkbox1" value="Value 1"> Option 1
<input type="checkbox" id="checkbox2" value="Value 2"> Option 2
<input type="checkbox" id="checkbox3" value="Value 3"> Option 3
.is(":checked")
方法检查其是否被选中。$(document).ready(function() {
$("#checkbox1").change(function() {
if ($(this).is(":checked")) {
var value = $(this).val();
console.log("选中的复选框值为:" + value);
}
});
});
上述代码中,当checkbox1
复选框的选中状态发生改变时,会触发一个事件处理函数。在事件处理函数中,使用$(this).is(":checked")
判断复选框是否被选中,如果是,则使用$(this).val()
获取其值,并进行相应的操作。
注意:以上代码只是演示了获取单个复选框的值,如果需要获取多个复选框的值,可以使用类似的方法遍历所有复选框元素,并判断其选中状态。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)
领取专属 10元无门槛券
手把手带您无忧上云