checkbox 之只选中一个时，不勾选问题

最新推荐文章于 2024-07-19 17:02:07 发布

靳小霞

最新推荐文章于 2024-07-19 17:02:07 发布

阅读量6k

点赞数 1

分类专栏： JS Html5 BootStrap 文章标签： checkbox

本文链接：https://blog.csdn.net/u012493556/article/details/53422301

版权

解决在查询传值时只允许选中一个checkbox而不勾选的问题，通过jQuery实现单选功能，并探讨jQuery中prop()与attr()的使用区别。当使用attr('checked', true)可能导致未勾选状态，而prop()适用于处理固有属性如checkbox的checked。" 125752972,13179825,R语言读取FASTQ文件错误排查,"['R语言', '生物信息学', '数据读取']

摘要由CSDN通过智能技术生成

在有些查询传值问题时需要勾选，有些人一直问为什么不用rediobutton,而用checkbox,这是为了解决，不选择时，传空，而查询时，rediobutton是必须选择一个的，我们需要传空值，而不要必须传默认值
1.html

<div style="margin-bottom: 20px;margin-top: 20px">
  <form  action="" method="post">
  <div class="input-append">
 <label class="checkbox inline">
  <input type="checkbox" value="1"> 按天    </label>
<label class="checkbox inline">
  <input type="checkbox"  value="2">按月
</label>
<label class="checkbox inline">
  <input type="checkbox" value="3"> 按年
</label>

    <input type="text" class="span2 search-query" placeholder="商品名称">
    <button type="submit" class="btn btn-info">搜索</button>
  </div>
</form>

</div>

2.js

$(":checkbox").click(function(){$ (":checkbox").removeAttr("checked");