码迷,mamicode.com
首页 > Web开发 > 详细

jquery

时间:2016-07-08 10:24:28      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

单个按钮

 

<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{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
    div.box>span{color:#999;font-style:italic;}
    div.content{width: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);
    });
    });

jquery

标签:

原文地址:http://www.cnblogs.com/zzc134680/p/5652303.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!