当前位置: 首页 > 编程笔记 >

JavaScript通过this变量快速找出用户选中radio按钮的方法

韶云瀚
2023-03-14
本文向大家介绍JavaScript通过this变量快速找出用户选中radio按钮的方法,包括了JavaScript通过this变量快速找出用户选中radio按钮的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JavaScript通过this变量快速找出用户选中radio按钮的方法。分享给大家供大家参考。具体分析如下:

下面的JS代码通过this变量结合radio按钮的onchange事件快速找出用户选择的哪一个radio按钮

<script>
function favAnimal(button) {
alert('You like '+button.value+'s.');
}
</script>
<input type="radio" name="marsupial" value="kangaroo"
    onchange="favAnimal(this)">Kangaroo
<br /><input type="radio" name="marsupial" value="Opossum"
    onchange="favAnimal(this)">Opossum
<br /><input type="radio" name="marsupial" value="Tasmanian Tiger"
    onchange="favAnimal(this)">Tasmanian Tiger

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • import { Radio } from 'feui'; components: { [Radio.name]: Radio }, data() { return { radio001: ["安徽", "北京"], radio001Value: "安徽", radio002Value: "北京", radio003: [ {

  • 复选框用来提供一组选项,可以选中不止一个选项。传统的桌面程序的单选按钮组没有对触摸输入的方式进行优化,所以在Jquery Mobile中,label也被样式化为复选按钮,使按钮更长,容易点击。并添加了自定义的一组图标来增强视觉反馈 单选按钮组和复选按钮组都是用标准的html代码写的,但是都被样式化得更容易点击。你所看见的控件其实是覆盖在input上的label元素?所以如果图片没有正确加载,你仍然

  • 本文向大家介绍jQuery获取选中单选按钮radio的值,包括了jQuery获取选中单选按钮radio的值的使用技巧和注意事项,需要的朋友参考一下   实例1:   获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');   获取被选中按钮的值 :var val_payPlatform = $('#wrap inpu

  • 本文向大家介绍JQuery radio(单选按钮)操作方法汇总,包括了JQuery radio(单选按钮)操作方法汇总的使用技巧和注意事项,需要的朋友参考一下 随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代

  • 问题内容: 我可以将单选按钮设置为选中状态,但是我想做的是设置一种“侦听器”,当选中某个单选按钮时会激活它。 以下面的代码为例: 它添加了一个选中的属性,一切都很好,但是我将如何添加警报。例如,在没有单击功能的情况下选中单选按钮时,会弹出该窗口吗? 问题答案: $(‘#element’).click(function() { if($(‘#radio_button’).is(‘:checked’)

  • 描述 (Description) 复选框可用于从列表中选择多个选项; 单选按钮可用于仅选择一个选项。 在fieldset元素中包含一组复选框和单选按钮,并使用legend元素为它们提供公共文本。 fieldset元素中的每个控件都必须具有单独的标签,可以使用label标签创建。 例子 (Example) 以下示例演示了在Foundation中使用checkboxes and radio butto