js中怎么获取checkbox选中的值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中怎么获取checkbox选中的值相关的知识,希望对你有一定的参考价值。

js中获取checkbox选中的值的方法:
<script>
function checkbox()

var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)

if(str[i].checked == true)

chestr+=str[i].value+",";


if(chestr == "")

alert("请先选择一个爱好");

else

alert("先择的是:"+chestr);


</script>

选择爱好:
<input type="checkbox" name="box" id="box1" value="跳水" />跳水
<input type="checkbox" name="box" id="box2" value="跑步" />跑步
<input type="checkbox" name="box" id="box3" value="听音乐" />听音乐
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
参考技术A

有两种方法:

1、方法一HTML结构如下:

2、方法二javascript代码如下:

3、显示效果如下:

js获得多个checkbox选中的值的方法:

一、代码如下:

二、后台获得参数为:

    //获得的均为数组值:

    String checboxValues=request.getParameter("checboxValue");

    String checboxTexts=request.getParameter("checboxText");

    //得到每个具体值:

    String checboxValue=checboxValues.split(",");

    String checboxText=checboxTexts.split(",");

三、备注:

    nextSibling是获得当前对象的下一个对象,nodeValue是返回一个节点的值

    使用该方法必须保证文本值在input后面,否则checkboxStr[i].nextSibling.nodeValue获取不到文本值

参考技术B

代码示例



<head id="Head1" runat="server">
    <title>ViewPage1</title>

    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() 
            $(".chk").click(function() 
                var aa = document.getElementsByName("chk");
                var ss = "";
                for (var i = 0; i < aa.length; i++) 
                    if (aa[i].checked) 
                        ss += aa[i].value;
                    
                
                $("#txt").val(ss);
            );
        )
    </script>

</head>
<body>
    <div>
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你大爷的' />你大爷的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你滚犊子的' />你滚犊子的<br />
        <input type="checkbox" name="chk" class="chk" rel="Reason" value='你全家的' />你全家的
        <input type="text" id="txt" />
    </div>
</body>

如何在cs文件中获取已选中Table中的checkbox所在行其他列的值

Table 中的行可以先 得到选中CheckBox的值,然后去循环改行其他列的值;
既然是Table那肯定可以用js来实现了!jquery脚本如下:
$("#Table1 tr").each(function(i)
if($(this).find("td:gt(0) checkbox:checked").style.checked=="true")

var txt="";//其它列的值
txt=$(this).next().text();

);
参考技术A 太复杂了,你用GridView,提交的时候会自动读取行中所有cell的数据的

以上是关于js中怎么获取checkbox选中的值的主要内容,如果未能解决你的问题,请参考以下文章

php怎么获取checkbox选中值

在jsp中获取已选中checkbox其他列的值

JS获取checkbox的个数简单实例

JS 怎么控制 checkbox 选中

JS 怎么控制 checkbox 选中

jQuery获取checkbox选中行的所有值