JS 获取radiobuttonlist checkboxlist的值

最新推荐文章于 2024-03-16 17:09:53 发布

晓风拂月

最新推荐文章于 2024-03-16 17:09:53 发布

阅读量2.2k

点赞数

分类专栏： JavaScript 文章标签： function jquery input

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用原生JavaScript及jQuery获取HTML页面上CheckBoxList和RadioButtonList的选中值。包括遍历CheckBoxList获取所有被选中的项，并将它们的值组合成字符串；以及通过RadioButtonList获取被选中的单选按钮值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js 取得CheckBoxList的选中项的值，遍历RadioButtonList

获取CheckBoxList的值

var CheckBoxList=document.all.CheckBoxList1;
var objCheckBox,CheckValue="";
for(i=0;i<CheckBoxList.rows.length;i++)
{
     objCheckBox   =    document.getElementById("CheckBoxList1_"   +    i);
      if(objCheckBox.checked == true)
    {
             CheckValue += CheckBoxList.rows[i].cells[0].childNodes(1).innerText + ",";
       }
}
if(CheckValue!="")
    alert(CheckValue)

遍历RadioButtonList

var ItemCount = document.all.RadioButtonList1.length;
       for (i = 0; i < ItemCount; i++)
       {
        if (g("RadioButtonList_" + i))
         alert(document.getElementById("RadioButtonList_" + i).value);
       }

JQuery 获取checkboxlist 值

(document).ready(function() {
    $("#btnShow").click(function() {
        var valuelist = ""; //保存checkbox选中值
        //遍历name以listTest开头的checkbox
        $("input[name^='listTest']").each(function() {
            if (this.checked) {
                //$(this):当前checkbox对象;
                //$(this).parent("span"):checkbox父级span对象
                valuelist += $(this).parent("span").attr("alt") + ",";
            }
        });
        if (valuelist.length > 0) {
            //得到选中的checkbox值序列,结果为400,398
            valuelist = valuelist.substring(0, valuelist.length - 1);
        }
    });