判断checkbox(单选框)是否选中，实时监控
程序员文章站
2022-07-14 22:30:35
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<label><input type="checkbox" name="sex" value="1" id="nan"> 程序猿</label>
<label><input type="checkbox" name="sex" value="2" id="nv"> 程序媛</label>
</body>
</html>
<script src="./jquery-1.11.1.min.js"></script>
<script>
$('input[type=checkbox][name=sex]').change(function () {
console.log(this.value)
if(this.value == 1){
if ($("#nan").is(':checked')){
alert("选中man")
//添加自己的逻辑
}else {
alert('取消选择man')
//添加自己的逻辑
}
}else if(this.value == 2){
if ($("#nv").is(':checked')){
alert("选中nv")
//添加自己的逻辑
}else {
alert('取消选择nv')
//添加自己的逻辑
}
}
});
</script>
上一篇： 网页自适应
下一篇： 判断表单内单选框是否被选中