用jQuery或javascript获取表单中单选框的值

最新推荐文章于 2019-06-28 08:36:15 发布
最新推荐文章于 2019-06-28 08:36:15 发布
阅读量283 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/cphper/blog/137087
版权

<html lang="en">
    <head>
        <title>用jQuery或javascript获取表单中单选框的值</title>
        <!--导入jQuery类库文件-->
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
        //用javascript获取单选框的值
        //     var checkradiovalue = function(){
        //         var radiovalue;
        //         var elements = document.getElementsByTagName("input");
        //         for( var n = 0; n < elements.length; n++){
        //             if(elements[n].type == 'radio' && elements[n].name == 'radioname' && elements[n].checked){
        //                 radiovalue = elements[n].value;
        //                 alert(radiovalue);
        //             }
        //         }
        //     }

        //这是jQuery获取单选框的值
        $(function(){
            $("#radiobutton").click(function(){
                var radioval = $("input[name='radioname']:checked").val();
                alert(radioval);
            })
        })
        </script>
    </head>
    <body>
        <h1>用jquery获取单选框的值</h1>
        <p>
            <label><input type="radio" name="radioname" value="1" checked="checked"/>选项1</label>
            <label><input type="radio" name="radioname" value="2"/>选项2</label>
            <label><input type="radio" name="radioname" value="3"/>选项3</label>
            <input type="button" name="checkedradio" value="获取单选框的值" id="radiobutton">
            <!-- javascript  单击按钮获取到单选框的值 -->
<!--         <input type="button" name="checkedradio" value="获取单选框的值" οnclick="checkradiovalue()">
 -->        </p>
    </body>
</html>

转载于:https://my.oschina.net/cphper/blog/137087

chengqian3378
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery获取input表单值的代码
01-21
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
表单中单选框添加选项和移除选项
09-02
对于单选框（Radio Button）取消选中的操作，我们可以使用jQuery或原生JavaScript： 1. jQuery实现： - `removeAttr("checked")` 或 `attr("checked", false)` 都可以取消选中状态。 ```javascript $(":radio")...
用jquery获取提交了的表单的单选按钮的值呢?
hongyi_2010的专栏
11-30 1123
这个不对啊，id具有唯一性，应当将id改为class,即     用jquery获取提交了的表单的单选按钮的值,可以这样： $(".radio:checked").val()，也可以： $(":radio").filter(".radio").filter(":checked").val()       jQuery获取Radio选择的Value值: 1. $("i
js获得表单中单选框的值
丶季末筅森的专栏
03-24 3130
学生性别：                男                 女                           function addStu(){  var stuname = document.getElementById("stuname").value;  var sex = document.myform.sex;  for(va
js获取单选框里面的值
weixin_34399060的博客
08-30 128
rt,如果想获取单选框里面的值，该如何获取呢。 &lt;script&gt; window.onload = function(){ //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = documen...
javascript 获取form表单中radio选中值
过滤阳光
02-26 3925
1.遍历表单中radio内容 2.从中找出选中的那个radio 3.获取radio的值 function getRadioValue(radioName){ var radioValue; radioValue=document.getElementsByName(radioName); if(radioValue!=null){ var
在js中单选框和复选框获取值的方式
10-29
### 在JS中单选框和复选框获取值的方式 #### 概述 在Web开发中，表单数据的处理是十分重要的一个环节。而单选框（`<input type="radio">`）与复选框（`<input type="checkbox">`）作为常见的表单元素，它们的值的...
javascript 获取表单中radio选中值
蜗牛学习笔记
03-19 10万+
radio是form表单中非常常用的一种表单元素，对于radio的操作中，都是利用radio的checked属性，都是对radio的checked属性做操作。获取radio的选中值时，遍历radio按钮项，找到被选中（checked）的状态的那个按钮，然后返回其值；给radio赋值时，找到对应的按钮项，将其checked属性置为true即可。 获取radio值 Method1 遍历
jQuery 获取表单中的单选按钮和多选按钮的值
qq_1325508134的博客
09-07 3736
一、获取单选按钮的值 HTML页面代码如下： 性&amp;nbsp;&amp;nbsp;别：&lt;input type="radio" name="sex" value="男" checked/&gt;男 &lt;input type="radio" name="sex" value="女" /&gt
jQuery中获取单选框选中的值
videa1949的博客
11-07 9849
jsp代码： apple orange pear jQuery： alert("value="+$("input[name='radioname']:checked").val());
js表单处理中单选、多选、选择框值的获取及表单的序列化，js序列化
uevol14的博客
11-14 4958
var formUtil = { // 获取单选按钮的值，如有没有选的话返回null // elements为radio类的集合的引用 getRadioValue:function(elements) { var value = null; // null表示没有选中项 // 非IE浏览器 if(elements.value != undefined && eleme
获取单选框的value值
weixin_44543108的博客
06-28 1万+
单选框样式，给每个input标签绑定value值 @* 审核结果 *@ <div class=“col-12 mt-2”> <label for="" class="">审核结果：</label> <input type=“radio” name=“radio” class=“ml-3” id=“carefulOrPass” value=“审核通过” /&...
js原生、jquery单选框radio总结（获取值、设置默认选中值、样式）
热门推荐
zcc的博客
06-14 28万+
单选框 radio&lt;div class="radio-inline"&gt; &lt;input type="radio" name="killOrder" value="1"/&gt; &lt;label for="killOrder1"&gt;是&lt;/label&gt; &lt;/div&gt; &
jQuery 获取单选框已选中的值
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
05-16 4104
jQuery 获取单选框（radio）已选中的值，请阅读我的原创文章《jQuery 表单对象属性》，文章中的 “:checked” 选择器文章中有详细的说明和源码示例。 《jQuery 表单对象属性》文章链接：https://blog.csdn.net/u013350495/article/details/82533570 作者：黄河爱浪QQ：1846492969，邮箱：helang.l...
Form表单中单选按钮和复选框值得传递
小狼驿站
10-29 2万+
第一单选按钮： Male Female 如下图： 第二复选框： I have a bike I have a car 如下图： 单选按钮（Radio Buttons）是通过name属性来分组的，也就是说必须使用相同的name，radio才会形成单选，如上面的例子，Male和Female的radio的name属性都是sex。如果name不同，是不具备单选这个效
Form表单之radio单选框操作
陈三的博客
01-11 8万+
input单选框，name相同的单选项为同一单选组： 1.选中某值的项： input单选1组： radio单选项1 radio单选项2 $("input:radio[name='radio1'][value=radio单选项2]").attr("checked","checked");和 $("input[name='radio1'][value=radio单选项2]").attr("ch
获取radio（单选框）值
wang_ouyangsima的博客
09-14 4611
利用率 总量 车数 var radioType=$('input:radio[name="view_type"]:checked').val();
layui获取表格中单选框所在行的数据
最新发布
06-07
你可以使用以下代码来获取表格中单选框所在行的数据： ```javascript // 获取表格对象 var table = layui.table; // 监听单元格事件，获取单选框所在行的数据 table.on('radio(test)', function(obj){ console.log(obj.data); // 获取单选框所在行的数据 }); ``` 其中，`test` 是你定义的表格的 lay-filter 属性值，`obj.data` 就是单选框所在行的数据。你可以将这个数据用于后续的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值