欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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);
    });
}

效果图如下
jquery控制checkbox复选框选择一个,其余的不选中

相关标签: html