获取单选按钮选中的值

在html中,页面只有这些代码

<script type="text/javascript">

   function ok(){

    //获取所有单选按钮(同一组),得到对象
    var fruits = document.getElementByName("fruit");

    for(var i=0;i<fruits.length;i++){

      if(fruits[i].checked){

        alert("选择了"+fruits[i].value);

      }

    }

  }

</script>

<body>

<div>
    <input type="radio"  name ="fruit" value="apple" onclick="ok()">苹果
    <input type="radio"  name ="fruit" value="banana" onclick="ok()" >香蕉
    <input type="radio"  name ="fruit" value="pear" onclick="ok()">梨
</div>

</body>

页面显示情况是这样的:

选中时,情况是这样的:

时间: 2024-10-05 05:02:05

获取单选按钮选中的值的相关文章

jquery获取单选按钮选中的值

在页面上单选按钮的代码: <s:iterator value="@[email protected]"> <input type="radio" <s:if test="key eq record.is_com">checked</s:if> value="${key}" name="record.is_com"/>${value}    </s:ite

IE8下Jquery获取select选中的值的问题

我们一般使用jquery获取select时,一般这么用: <select id='a'>     <option selected='selected' value='1'> </select> var selectedValue = $("#a").val(); 在非IE8下,selectedValue的值为"1",typeof selectedValue 为"string". 在IE8下,selectedV

jQuery获取checkbox选中的值

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

jquery获取select选中的值并对另一个select禁用启用

误区: 一直以为jQuery获取select中option被选中的文本值,是这样写的: $("#s").text();  //获取所有option的文本值 实际上应该这样: $("#s option:selected").text();  //获取选中的option的文本值 获取select中option的被选中的value值, $("#s").val(); $("#s option:selected").val(); js获

DWZ-JUI 树形Checkbox组件 无法一次获取所有选中的值的解决方法

UI中 tree Checkbox 组件 在官方文档中提供的oncheck事件中只能够获取当前点击的权限值,而无法获取其他选中的值 <ul class="tree treeFolder treeCheck expand" oncheck="kkk"><li><a >框架面板</a><ul><li><a tname="name" tvalue="value1&q

jstree高级使用,获取所有选中的值并且所有待选的父级结点值

var tree = $("#jstree").jstree({ "core": { "themes": { "responsive": false }, "check_callback": true, 'data': { 'url': function (node) { return '/test/jstreejson'; }, 'data': function (node) { return { 'pa

RadioButon 获取单选按钮组选中值的两种方法!

在单选按钮中我们一般需要获得当前用户选择的按钮值是什么,想要得到用户的选择有两种方法. 第一种:在改变单选按钮组的值时获取.在改变单选按钮的值时获取选中项的值时,首先需要获取单选按钮组,然后为其添加OnCheckedChangeListener,并在onCheckedChanged()方法中根据参数checkedId获取被选中的单选按钮,并通过其getText()方法获取该单选按钮对应的值: 第二种:单击其他按钮时获取.首先需要在该按钮的单击事件的监听器的onClick()方法中,通过for循环

webform开发经验(一):Asp.Net获取Checkbox选中的值

webform中获取repeat控件列表下的checkbox选中的值: 码农上代码: public static string getSelectedIDs(Repeater Rpt_) { string res = string.Empty; foreach (RepeaterItem rtpItem in Rpt_.Items) { HtmlInputCheckBox obj = rtpItem.FindControl("checkbox") as HtmlInputCheckBo

checkbox的选中、全选、返选、获取所有选中的值、所有的值、单选全部时父选中

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><h