精华内容
下载资源
问答
  • js获取单选框选中值

    2011-03-15 17:23:38
    (3)获取该应用的显示区域后,让其显示出来,在通过查找子元素的方法来获取radios数组,从而准确的获取该应用对应的单选按钮. js代码如下: function remarkApp(itemId){ var comment=document.getElementById(itemId...
    <s:iterator id="item" value="appInfo.visitHistoryList">
    
    <li>
    <img src="showImage?itemId=<s:property value='#item.goid'/>" οnclick="showAppInfo(<s:property value='#item.goid'/>)" title="<s:property value='#item.name'/>">
    <div class="comment_btn"><a href="javascript:void(0)" οnclick="remark(<s:property value='#item.goid'/>)"></a></div>
    <div class="comment_area" style="display:none" id="<s:property value='#item.goid'/>">
    <p>评论</p>
    <p><input name="isLiked" type="radio" value="1"/>喜欢    <input name="isLiked" type="radio" value="0"/>不喜欢</p>
    <p><input type="button" class="next_btn2" οnclick="remarkApp(<s:property value='#item.goid'/>)" value="确定"/><input type="button" class="next_btn2" οnclick="cancleRemark(<s:property value='#item.goid'/>)" value="取消"/></p>
    </div>
    </li>
    </s:iterator>

    页面中有很多应用,每个应用都有自己对应的comment_area,因此页面中会遍历出很多comment_area,所以不能根据document.getElementsByName("isLiked")来获取radios数组,那么为了获取item对应的评价该如何做呢???
    解决方案:
    (1)每个评论区comment_area设置一个id属性,其id属性值为对应应用的id
    (2)点击每个应用对应的评论按钮时,传递一个参数,该参数为这个应用的id
    (3)获取该应用的显示区域后,让其显示出来,在通过查找子元素的方法来获取radios数组,从而准确的获取该应用对应的单选按钮值.
    js代码如下:
    function remarkApp(itemId){
    var comment=document.getElementById(itemId);
    var p=comment.children(1);
    var radios=p.children;
    var isLiked=-1;
    for(var i=0;i<radios.length;i++){
    if(radios[i].checked){
    isLiked=radios[i].getAttribute("value");
    }
    }
    if(isLiked==-1){
    alert("请选择你对该应用的评价");
    return;
    }
    $.ajax({
    url: "/recommend/portal/ajaxRemarkApp.action",
    data: "isLiked="+isLiked+"&itemId="+itemId,
    cache: false,
    success: function(html){
    $(comment).css("display","none");
    }
    });
    }
    值得注意的是,这里是通过获取children的方法来获取radios数组的,还有就是要注意childNodes和children的区别,childNodes获取的是该元素的所有后代元素(子孙元素),children获取的只是子元素,结合最上面的代码:
    var comment=document.getElementById(itemId);
    var p1=comment.children; //p1.length=3
    var p2=comment.childNodes; //p2.length=7
    展开全文
  • js获取单选框里面的

    千次阅读 2020-07-04 15:39:32
    //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = document.getElementsByTagName("input"); for(var i=0; i<obj.length; i...
    <script>
    window.onload = function(){
    //通过名字获取  getElementsByName
    //var obj = document.getElementsByName("fruit");
    //通过标签获取  getElementsByTagName
    var obj = document.getElementsByTagName("input");
        for(var i=0; i<obj.length; i ++){
            if(obj[i].checked){
                alert(obj[i].value);
            }
        }
    }
     
    </script>
     
    <form>
    <input type="radio"  name ="fruit" value="apple" checked>苹果
    <input type="radio"  name ="fruit" value="banana">香蕉
    <input type="radio"  name ="fruit" value="pear">梨
    </form>

    知识点:

    1,通过元素的名字获取元素列表

    var obj = document.getElementsByName("fruit");

    2,通过标签的名字获取元素列表

    var obj = document.getElementsByTagName("input");

    3,是否选中

    obj[i].checked;

    4,单选框里面的值

    obj[i].value;

    展开全文
  • js获取单选框

    千次阅读 2018-02-04 21:59:20
    获取单选框有三种方式:1、$('input:radio:checked').val();2、$("input[type='radio']:checked").val();3、$("input[name='rd']:checked").val(); 借鉴 https://zhidao.baidu.com/question/348226665.html
    获取单选框的值有三种方式:

    1、$('input:radio:checked').val();
    2、$("input[type='radio']:checked").val();
    3、$("input[name='rd']:checked").val();
    借鉴   https://zhidao.baidu.com/question/348226665.html
    展开全文
  • 菜鸟入门篇 原生js获取单选框选中值的方法

    菜鸟入门篇,请各位大大忽略。

    Step1:从dom上获取到需要的元素,例如有一组单选框的name=“sex”

    var inputs=document.getElementsByName("sex");

    Step2:创建一个空的变量准备去接住被选中的值

    var checkVal="";

    Step3:循环遍历name为sex的单选框组

    for(var i=0, len=inputs.length;i<len;i++){//inputs是动态数组,每次循环都会重新访问dom树,用len保存优化JS
        if(inputs[i].checked){
            checkVal=input[i].value;
        }
    }

    这样我们就获取到了单选框的值了,接下来我们把它封装成一个方法,以后可以反复调用了。

    function getRadioVal(nameVal){
        var inputs=document.getElementsByName(nameVal);
        var checkVal="";
        for(var i=0, len=inputs.length;i<len;i++){
            if(inputs[i].checked){
                checkVal=input[i].value;
            }
        }
        return checkVal;
    }

    同理,我们对该方法简单的修改就可以得到复选框的方法了

    function getCheckBoxVal(nameVal){
        var inputs=docement.getElementBysName(nameVal);
        var checkVal=[];
        var k=0;//用来作checkVal数组的下标
        for(var i=0, len=inputs.length;i<len;i++){
            if(inputs[i].checked){
                checkVal[k]=inputs[i].value;
                k++;
            }
        }   
        return checkVal;
    }
    展开全文
  • JS获取单选框选中

    千次阅读 2015-07-31 17:34:03
    var secondaryCampus = $('input:radio[name="secondaryCampus"]:checked').val();
  • 获取单选框选中值提交到数据库

    千次阅读 2019-08-12 11:15:42
    获取单选框选中值提交到数据库 开发工具与关键技术 :VS2015、ASP.NET MVC 撰写时间:2019.08.08 先说明一下我这两个单选框的作用,就比如说我做的这个是一个商品单位的属性,是允许小数或者不允许小数的,比如手机...
  • 获取单选框复选框被选中

    千次阅读 2018-04-11 17:13:59
    //判断单选框是否被选中 var val = $('input:radio[name="sex"]:checked').val(); if (val == null) { alert("什么也没选中!"); return false; } else { alert(val); } ...
  • &lt;...gt; &...text/javascript"&gt; function change() { varNew=document.getElementsByName("form1"); varstrNew; for(vari=0;i&lt;New.length;i++) { if(...
  • 主要介绍了js简单获取表单中单选按钮的方法,涉及javascript针对form表单元素的遍历与查找相关操作技巧,需要的朋友可以参考下
  • mui获取选中单选框

    千次阅读 2018-08-06 00:46:02
    ">获取值 js部分 function getVals() { var res = getRadioRes('rds'); if(res == null) { mui.toast('请选择'); return; } mui.toast(res); } function getRadioRes(className) { var ...
  • javascript获得单选框,这个函数实现对html页面中,单选框的取值封装
  • jq获取选中单选框的value 下面展示一些 内联代码片。 // html 性别: <label><input type="radio" name="sex" value="男" />男</label> <label><input type="radio" name="sex" ...
  • JS ajax获取值使单选框选中

    千次阅读 2017-09-18 17:45:32
    $(".radio label").each(function () { if($(this).find("input").val()==info.version){ $(this).find("input").attr("checked",true); } }); ajax 为数组赋值 var info = data.data;...var
  • js操作单选框选中状况

    千次阅读 2018-10-18 12:52:06
    如何通过JS选中单选按钮,例如清空查询条件,单选按钮会选中第一个(一般是不限) &lt;div class="pop-caste"&gt;  &lt;form&gt;  &lt;span class="num"&gt;账户...
  • radio选中值获取 HTML: &amp;lt;input type=&quot;radio&quot; name=&quot;sex&quot; id=&quot;sex&quot; value=&quot;男&quot; /&amp;gt;男 &amp;lt;input ...
  • 判断单选框或复选框是否选中</title> </head> <body> <input name=”radio1″ type=”radio” value=”test”> <button onClick=”alert(‘单选项’+(document....
  • js获取单选框是否选中

    千次阅读 2015-04-09 12:03:05
    if($("#isAgeSelected").is(':checked')) $("#txtAge").show(); // checked else $("#txtAge").hide(); // unchecked
  • <script type="text/javascript">  function ok(){ ... //获取所有单选按钮(同一组),得到对象  var fruits = document.getElementByName("fruit");  for(var i=0;i<fruits.length;i++){  ...
  • 应用场景:我们有时候需要获取单选框或者是复选框选中的那个,得到它的value,传送到后端进行数据的添加,修改,或者是删除。 单选框获取方法 我们只需要定义一个方法,将我们需要获取单选框的value传递进去...
  • 情况描述,我就不贴代码了: 当前有3级单选按钮。 一级单选按钮有三个:a\b\c,它们的name都是【n1】。 选一级的b时会出现2级隐藏单选按钮的d\e,它们的name...现在通过AJAX来向后台传递选中单选框,解决方...
  • JS获取页面单选框radio和复选框checkbox中当前选中   单选框单选框的name全部相同  页面有一组单选框的元素 &lt;td&gt;&lt;input type="radio name="radioid"&gt;...
  • 根据当前选中值所在的当前行,获取当前行的其它字段值。 //行的name值 var a = document.getElementsByName("__rollbackRecord"); for(var i=0;i<a.length;i++){ if(a[i].checked){ //获取第1列的值 var ...
  • JSP+Java 获取单选框

    千次阅读 2019-03-05 16:17:44
    JSP片段: ;text-align: right;padding-top: 13px;... <input name="picType2" type="radio" class="ace" id="picType2" value="1"><span class...JAVA片段里的pd是一个网页封装对象,替换也可以获取
  • 获取radio选中值的方法有很多,在本文为大家介绍的是使用for循环来实现,具体的实现如下,感兴趣的朋友可以参考下
  • 1)jquery获取input输入框中的 如何用jquery获取&lt;input id="test" name="test" type="text"/&gt;中输入的? $(" #test ").val() $(" input[ name='...
  • onclick="submi()"/> </form> JS <script type="text/javascript"> mui.init() function submi(){ var value; for(var ) var value = $('input[name="pinghe8"]:checked').val(); var ...
  • 1.必须要为input添加name属性,并且属性都是相同的,才能实现单选框 2.type属性为radio 二、不同浏览器其默认的选项不同 js方法:对象.checked = true 备注:微信浏览器默认选择微信支付 其它浏览器默认选择...
  • var temp = document.querySelectorAll("input[name]"); var data = {}; for (var i = 0; i < temp.length; i++) { data[temp[i].name] = temp[i].value; ...var obj = document.getElementsByName("sex") ...
  • 使用jQuery获取单选按钮radio的选中值

    万次阅读 2016-12-01 16:39:41
    简单来说:var val = $('input[name="sex"]:checked').val();整体代码:<!DOCTYPE html> 获取单选按钮选中 <label><input type="radio" na

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 18,504
精华内容 7,401
关键字:

js获取单选框选中的值