大佬教程收集整理的这篇文章主要介绍了使用单选按钮实现过滤,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我对 HTML 还很陌生,所以在回答时请记住。我有一个包含个人资料列表的网站。我有要用于过滤配置文件的单选按钮。单选按钮的代码是:
<div class="row mb-2 justify-content-md-center">
<div class="btn-group btn-group-toggle" data-toggle="toggle">
<label class="btn btn-light active">
<input class="filter-button" type="radio" value="pm" checked="" />Product Management</label>
<label class="btn btn-light ">
<input class=" filter-button" type="radio" value="pmm" />Product MarkeTing</label>
<label class="btn btn-light ">
<input class="filter-button" type="radio" value="em" />Software ENGIneering</label>
</div>
</div>
然后将每个配置文件设置为:
<div class="row">
<div ID="gabrIElh" class="col-md-6 col-lg-6 col-xl-4 mt-5 filter pm">
<figure class="figure">
<img alt="mentor" src="photos/gabrIElh.jpg" class="avatar">
<figcaption class="figure-caption">
<h3>GabrIEl Hendel</h3>
<p>Product Manager at @R_502_5561@</p>
<p>At @R_502_5561@,GabrIEl worked on Chrome's mobile redesign and improved Calendar scheduling. He's intervIEwed over
100 candIDates,both at @R_502_5561@ and at prevIoUs startups. GabrIEl enjoys mentoring new PMs,and HelPing folks
break into their first PM role.</p>
<a href="https://www.linkedin.com/in/gabrIElhendel/" rel="noopener noreferrer" target="_blank"><img alt=""
src="photos/companIEs/linkedin-small.png"></a>
<h4 class="text-uppercase mt-3 mb-0">positions</h4>
<p>Product Management</p>
<p><button class="book-Now btn btn-priMary">Book Now</button></p>
</figcaption>
</figure>
</div>
</div>
问题是单选按钮没有过滤,因为我没有设置过滤功能,我使用它作为参考“https://codepen.io/desandro/pen/qlwyL”但卡住了。有人可以建议我如何修改我的代码以使单选按钮开始过滤吗?我的完整代码在这里:
https://repl.it/@instrumentstati/OliveDimMinimalsystem
这个网站有过滤功能https://www.interviews.tech/,但我查看了源代码但找不到用于过滤功能的JavaScript
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的使用单选按钮实现过滤全部内容,希望文章能够帮你解决使用单选按钮实现过滤所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。