jquery控制checkbox复选框选择一个,其余的不选中
程序员文章站
2022-05-31 13:36:14
...
jquery控制复选框只选择一个
HTML部分
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<table>
<tr>
<td>
<div>
<input type="checkbox" class="form-control" name="isSolrPk" onclick="test()">
</div>
</td>
</tr>
<tr>
<td>
<div>
<input type="checkbox" class="form-control" name="isSolrPk" onclick="test()">
</div>
</td>
</tr>
<tr>
<td>
<div>
<input type="checkbox" class="form-control" name="isSolrPk" onclick="test()">
</div>
</td>
</tr>
</table>
JavaScript部分
function test(){
$('input[name="isSolrPk"]').bind('click', function(){
$('input[name="isSolrPk"]').not(this).prop("checked", false);
});
}
效果图如下
上一篇: 黑鱼汤的功效与作用有哪些
下一篇: 大学睡觉的转变