当前位置: 代码迷 >> 综合 >> jQuery——获取复选框被选中的值
  详细解决方案

jQuery——获取复选框被选中的值

热度:43   发布时间:2023-10-17 04:35:33.0

复选框:

<td align="left" style="width: 440px;" colspan="2">年份口径:&nbsp;&nbsp;
         <input id="TOTY" type="checkbox" name="yearkj" checked="true" value="1"/>本年合计&
         <input id="TOLY" type="checkbox" name="yearkj" value="2" />上年合计&nbsp;&nbsp;
         <input id="TOH" type="checkbox" name="yearkj" value="3"/>历史累计&nbsp;&nbsp; </td>

方式一:

//获取复选框被选中的值
        function chk(){
            var obj=document.getElementsByName('yearkj'); //选择所有name="'yearkj'"的对象,返回数组
            //取到对象数组后,我们来循环检测它是不是被选中
            var s='';
            for(var i=0; i<obj.length; i++){
            if(obj[i].checked) s+=obj[i].value+','; //如果选中,将value添加到变量s中
            }
            //那么现在来检测s的值就知道选中的复选框的值了
            alert(s==''?'你还没有选择任何内容!':s);
            }

方式二:

function chk2() {
            var chk_value =[];
            $('input[name="yearkj"]:checked').each(function(){
            chk_value.push($(this).val());
            });
            alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value);
        }


  相关解决方案