2 qq 14997753 qq_14997753 于 2016.02.23 20:56 提问

如何写js可以在checkbox复选框被选中时获取value的值?请大神赐教

5个回答

Evankaka
Evankaka   Ds   Rxr 2016.02.23 21:21
已采纳
            var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组    
            var s='';//如果这样定义var s;变量s中会默认被赋个null值
            for(var i=0;i<obj.length;i++){
                 if(obj[i].checked) //取到对象数组后,我们来循环检测它是不是被选中
                 s+=obj[i].value+',';   //如果选中,将value添加到变量s中    
            }

                        //jquery获取复选框值    
            var chk_value =[];//定义一个数组    
            $('input[name="interest"]:checked').each(function(){//遍历每一个名字为interest的复选框,其中选中的执行函数    
            chk_value.push($(this).val());//将选中的值添加到数组chk_value中    
            });

showbo
showbo   Ds   Rxr 2016.02.24 09:32
 $(function(){
  $(':checkbox').click(function(){
    if(this.checked)alert(this.value)//当前checkbox值
    alert($(':checkbox:checked').map(function(){return this.value}).get().join('\n'))//所有选中的
  })
})
Evankaka
Evankaka   Ds   Rxr 2016.02.23 21:22

上面第一个使用js,第二个使用jquery

qq_14997753
qq_14997753 谢谢,那可不可以实现选中复选框后马上就获取value的值?麻烦了
2 年多之前 回复
Royal_lr
Royal_lr   Ds   Rxr 2016.02.24 10:47

给复选框一个click事件就可以了,,

dcxy0
dcxy0   Ds   Rxr 2016.02.24 10:54
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
解决checkbox未选中不传递value
做了一列name=IsYellow的checkbox,要求是保持整个序列的完整提交。后来发现checkbox 如果没有checked(选中状态),就不传递value值。也就是说做了10个checkbox,选中n个,那么传递value值的数组长度就是n。 为了保持传递数据的完整性,有人说为每个checkbox配备一个hidden类型的表单对象来存放数据。这个方法可行但是代码量太大。尤其是当你希
如何用js获取checkbox的value值
显示的内容 显示的内容 显示的内容 显示的内容 .... JS: function send(){ var id = document.getElementsByName('test'); var value = new Array(); for(var i = 0; i < id.length; i++){ if(id[i].checked) v
js获取checkbox被选中的value值
js获取选中checkbox的value: $("input[type='checkbox']:checked").value; js获取选中checkbox的旁边的文本: $("input[type='checkbox']:checked").nodeValue; 例:               Document      function
JSP中getparametervalues获得复选框选中的值
jsp>html>js     1.java代码中必须加if(food!=null)否则会报空指针异常     2.  --> 这里是食品柜台,请选择您要购买的食品: 香肠 热狗 烤鸭 酸奶 上面的代码中有好几个input都是name为choice,如果用request.getParameter("langtype")来取这些值,到底要取哪一个?所以在这个
js获取checkbox的value
function hs(){var s = document.getElementsByName("chkStudent");var s2 = "";for( var i = 0; i {if ( s[i].checked ){s2 += s[i].value+,;}}s2 = s2.substr(0,s2.length-1);alert(s2);location.href = "delete
通过js实现将所当页的checkbox全选 并且获取其value值
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> //将所有的checkbox全部选中 function checkedAll(){ var objs = document.getElementsByTagName("input
checkbox如果没有选中,就不能传值吗?
这是你的程序自己设置的呀,你写的就是最初状态未选中时,其值为0,选中时其值为1,这个值将不再改变,接受端只能判断有无数据传过来,所以如果你想实现选中后值为1,未选中值为0,有两种方法 1。在客户端用javascript实现,如下 "  onclick="javascript:this.value=this.checked?1:0"> 接收页面仍为 String[] security={
CheckBox获取值和赋值,使用js
设置1 //赋值给组件 $("input[id='checkbox1']").attr("checked", value == 1 ? true : false); //获取组件的值 $("#checkbox1").attr("checked") ? value = 1 : value = 0;
当下面的复选框全部被选中时,全选复选框自动被选中
function checkOne(obj){//当下面的复选框全部被选中时,全选复选框自动被选中  if(!obj.checked){    document.forms[1].selectAllCK.checked = obj.checked;   }  var flag = true;  var arr = document.getElementsByName(obj.name);
js如何知道checkbox是否被选中,并且选中的话让input元素变为不可编辑
if(document.getElementById("checkboxID").checked){ alert("checkbox is checked"); }