根据输入值来选中复选框
1. 主要需求
- 根据输入的值来选中对应的复选框选项。
- 完成效果如下图所示:
2. 代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>选中输入值</title>
<script src="../js/jquery-1.11.3.min.js"></script>
</head>
<body>
请输入城市:<input type="text" id="id" />
<br/><br/>
<input type="button" value="判断" onclick="selectValue();" />
<br/><br/>
城市复选框:
<div style="width:240px;background:red;">
<input type="checkbox" name="love" value="北京" />北京 
<input type="checkbox" name="love" value="南京" />南京 
<input type="checkbox" name="love" value="上海" />上海 
</div>
<script type="text/javascript">
function selectValue(){
$('div input[type="checkbox"]').prop("checked",false);
let city = $('#id').val();
$('div input[value="'+city+'"]').prop("checked",true);
}
</script>
</body>
</html>
原文链接:https://qwert.blog.csdn.net/article/details/105454371