用jquery获取radio选中的事件(根据type="radio"是否为checked,来展示不同内容)

最新推荐文章于 2025-05-28 11:39:43 发布

就是我咯

最新推荐文章于 2025-05-28 11:39:43 发布

阅读量4k

点赞数 1

CC 4.0 BY-SA版权

文章标签：四个id的标签内容很重要

本文链接：https://blog.youkuaiyun.com/qq_38859502/article/details/81951993

本文介绍了如何利用jQuery获取radio按钮的选中状态，并根据其状态展示不同的内容。首先，引入jQuery库，然后通过示例展示了如何在HTML body中设置radio元素，并在JavaScript中检查它们的checked属性，以此实现动态内容展示。提供的代码片段和官方网址可供后续参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.引入jquery文件:<script src="https://code.jquery.com/jquery-3.3.1.js"></script> （src下写好对应的路径）

2.举个栗子:

body中内容:

<body>
 <form>
    <label>请选择:</label>  &nbsp;&nbsp;&nbsp;
    <input type="radio" id="price_one" name="price_type" checked>内容1                           
       &nbsp;&nbsp;&nbsp;
   <input type="radio" id="price_two" name="price_type"> 内容2
</form>
<div>
    <div id="content_one" style="display:block">这是要展示的内容1</div>
    <div id="content_two" style="display:none">这是要展示的内容2</div>
</div>
</body>

js中

<script type="text/javascript">
    $("input[name=price_type]").click(function(){
        showCont()
    })
    function showCont(){

最低0.47元/天解锁文章

200万优质内容无限畅学