利用jquery获取html中被选中的input,checkbox的值

适合批量删除(数据)

  checkedval = $("input:checkbox[name='IDS']:checked").map(function(index,elem) {
        return $(elem).val();
    }).get().join(',');
//    alert("选中的checkbox的值为："+checkedval);

适合批量删除(效果)勾选的表格行IDS勾选框name,GOODS表格名

$("input:checkbox[name='ids']:checked").each(function() { // 遍历选中的checkbox
    n = $(this).parents("tr").index()+1;  // 获取checkbox所在行的顺序
    $("table#goods").find("tr:eq("+n+")").remove();

});

适合单行删除(效果+数据)

onclick="member_del(this,{$id})"

/*用户-删除*/
function member_del(obj,id){
   layer.confirm('确认要删除吗？',function(index){
      $.ajax({
         type: 'POST',
         url: '',
         dataType: 'json',
         success: function(data){
            $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
         },
         error:function(data) {
            console.log(data.msg);
         },
      });       
   });
}

单个按钮

 

<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);
   	});
   });