js中 input radio添加点击事件及显示和隐藏

原创于 2019-08-09 10:05:14 发布 · 4.7k 阅读

2 ·

CC 4.0 BY-SA版权

Jquery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用JavaScript操作HTML中的Radio按钮，包括通过change事件获取被选中按钮的值，并演示了两种获取方法。此外，还展示了如何通过点击事件控制页面元素的显示与隐藏。

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

html代码：

<input type="radio" name="myname" value="1" />
<input type="radio" name="myname" value="2" />

js代码：

// 点击事件change
$('input[type=radio][name=myname]').change(function () {
    // 获取input radio选中值，方法一
    var myvalue = $('input:radio[name="myname"]:checked').val();
    // 获取input radio选中值，方法二
    var myvalue = $(this).val();
});

//隐藏

$("#hide").click(function(){
  $("p").hide();
});

//显示
$("#show").click(function(){
  $("p").show();
});

js中 input radio添加点击事件 及显示和隐藏

js中 input radio添加点击事件及显示和隐藏