zoukankan      html  css  js  c++  java
  • JavaScript、jQuery获取radio、checkbox选中的值

    1 <div >
    2     性别:<input type="radio" id="Radio1" name="rdoSex" value="男"/>3     <input type="radio" id="Radio2" name="rdoSex" value="女"/>4     <input type="button" id="btn1" value="click me"/><br/>
    5     <input type="checkbox" name="play" id="ckb1" value="足球"/>足球
    6     <input type="checkbox" name="play" id="ckb2" value="篮球"/>篮球
    7     <input type="checkbox" name="play" id="ckb3" value="排球"/>排球
    8 </div>

    html代码如上

    JavaScript、jQuery代码如下

     1 $(function(){
     2             $("#btn1").click(function(){
     3                 //获取radio选中的值
     4                 var temp1=$("#Radio1").is(":checked")?"男":"女";
     5                 var temp2=(Radio1.checked)?"男":"女";
     6                 var temp3=$('input:radio[name="rdoSex"]:checked').val();
     7 
     8                 var play =""
     9                 //获取checkbox选中的值
    10                 $("input[name='play']").each(function(){
    11                     if(true==$(this).is(":checked"))
    12                     {
    13                         play+=$(this).attr('value');
    14                     }
    15                 });
    16                 alert("play"+play);
    17             });
    18         });
    View Code
  • 相关阅读:
    SpringMVC + MyBatis简单示例
    JSP---JSTL核心标签库的使用
    HBASE安装 (HA)
    HBase 常用Shell命令(转载)
    kafka quick start
    在IDEA中实战Git
    kibana6.2.2安装
    elasticsearch-head插件安装
    elasticsearch6.2.2安装
    jdk1.8安装
  • 原文地址:https://www.cnblogs.com/netqin/p/5660978.html
Copyright © 2011-2022 走看看