zoukankan      html  css  js  c++  java
  • 利用jquery获取html中被选中的input的值

    单个按钮

    <div id="wrap">
    <input type="radio" name="payMethod" value="1" />支付宝
    <input type="radio" name="payMethod" value="2" />财务通
    </div>
      
      获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');
      获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();

    多个按钮

    1. 创建Html元素

      <div class="box">
      <span>点击按钮获取checkbox的选中值:</span><br>
      <div class="content">
         <input type='checkbox' name='message' value='1'/>发送短信
             <input type='checkbox' name='message' value='2'/>发送邮件
      </div>
      <input type="button" value="提交">
      </div>
    2. 设置css样式

      div.box{300px;padding:20px;margin:20px;border:4px dashed #ccc;}
      div.box>span{color:#999;font-style:italic;}
      div.content{250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
    3. 编写jquery代码

      $(function(){ 
      $("input:button").click(function() {
      text = $("input:checkbox[name='message']:checked").map(function(index,elem) {
      return $(elem).val();
      }).get().join(',');
      alert("选中的checkbox的值为:"+text);
      });
      });
  • 相关阅读:
    神经网络 初步
    SVM整理
    碎碎念
    random note
    2015阿里实习内推一轮被拒
    django开发框架-view & template
    一点思考
    dive into python 读笔(3)
    dive into python 读笔(2)
    dive into python 读笔(1)
  • 原文地址:https://www.cnblogs.com/zzc134680/p/5652303.html
Copyright © 2011-2022 走看看