`
wolfmaster
  • 浏览: 159085 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

checkboxList的js去value变通方法

    博客分类:
  • js
阅读更多
//把checkboxlist值付给 textbox
function confirm(partId)
{
    //alert(partId)
    //在JS端调用CheckBoxList
     var dvobj =  $('dv'+partId);
     var chkInput =$('ctl00_ContentPlaceHolder1_chbList'+partId).getElementsByTagName("INPUT");   
     //var arrListValue = $('ctl00_ContentPlaceHolder1_chbList'+partId).ListValue.split(',');
     var arrListText = $('ctl00_ContentPlaceHolder1_chbList'+partId).ListText.split(',');
     var count = arrListText.length;
     var strCheckChecked = ""; 
     var arrCheckChecked;
     //var chkValue = "";
     var chkText = "";            
     //每次点击CheckBoxList的一个Item,都循环把所有Item的选中状态按0、1标志,存入一个变量,最后再根据这个标志来决定checkboxlist中要取的值     
      for (var i=0; i< chkInput.length; i++)
      {
            if(chkInput[i].checked)
                strCheckChecked = strCheckChecked + "1" + ",";
            else
                strCheckChecked = strCheckChecked + "0" + ",";
      }
     
     arrCheckChecked =  RTrim(strCheckChecked).split(',');
    
     for(var j = 0; j < arrCheckChecked.length; j++)
     {
         if(arrCheckChecked[j] == "1")
             //chkValue += arrListValue[j] +",";
             chkText += arrListText[j] +",";
     }
     $('ctl00_ContentPlaceHolder1_txt'+partId).value =  RTrim(chkText,',');
     $('ctl00_ContentPlaceHolder1_txt'+partId).title = RTrim(chkText,',');
     dvobj.hide();
   
}

-------------------------------.cs-----------------------------------
            string checkListValue = "";
            string checkListText = "";

            foreach (ListItem li in cbl.Items)
            {
                checkListValue += li.Value + ",";
                checkListText += li.Text + ",";
            }
            checkListText = checkListText.TrimEnd(',');
            checkListValue = checkListValue.TrimEnd(',');

            //由于checkboxlist在前台html页面表现中没有value属性,导致js无法获取选种的value值
            //这里用程序来添加value和text属性
            cbl.Attributes["ListValue"] = checkListValue;
            cbl.Attributes["ListText"] = checkListText;
分享到:
评论

相关推荐

    获取checkboxlist选中的value和text

    本篇将详细讲解如何在ASP.NET中获取`CheckBoxList`控件选中的`value`和`text`。 首先,我们创建一个`CheckBoxList`控件。在ASP.NET的`.aspx`页面中,你可以这样定义它: ```html &lt;asp:CheckBoxList ID="CheckBox...

    关于checkboxlist的绑定和遍历checkboxlist

    本文将深入探讨关于CheckBoxList的绑定和遍历的实现方法及其相关知识点。 一、CheckBoxList绑定 1. 数据源绑定: CheckBoxList的数据源可以是数组、列表、数据库查询结果等,通过DataSource属性设置数据源,然后...

    Asp.net CheckBoxList操作集合

    在ASP.NET Web Forms开发中,CheckBoxList控件是...以上就是关于ASP.NET中CheckBoxList控件的选中项操作、全选、取消选中以及反选的方法。在实际项目中,可以根据需求进行自定义扩展,如添加分页、搜索筛选等增强功能。

    遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList代码

    通过以上介绍,我们可以了解到遍历**CheckBoxList**、获取选中项的值以及动态绑定**CheckBoxList**的基本原理和实现方法。这些知识点对于开发基于ASP.NET Web Forms的应用程序来说非常重要,可以帮助开发者更好地...

    CheckBoxList的用法

    #### 二、CheckBoxList的基本属性和方法 **1. 基本属性** - **ID**:用于标识此控件。 - **BorderStyle**:定义控件边框的样式,如“Solid”、“Dashed”等。 - **BorderWidth**:定义边框宽度,单位通常是像素(px...

    多选下拉的CheckBoxList

    在网页开发中,多选下拉的CheckBoxList是一种常见的用户界面元素,用于提供多个选项让用户进行复选选择。这种功能通常在需要用户选择多个值,且空间有限的情况下使用,例如填写表单或设置偏好时。在ASP.NET环境中,...

    免费下载 CheckBoxList遍历 方法

    1. **FindItemByValue(string value)**: 用于根据值查找特定的CheckBoxList项。 2. **FindItemByText(string text)**: 用于根据文本查找特定的CheckBoxList项。 ### 遍历CheckBoxList中的项目 为了展示如何遍历...

    CheckBoxList实现单选 C#(WEB)

    在.NET Web开发中,CheckBoxList控件经常用于呈现一组可多选的选项。然而,有时候我们需要将CheckBoxList的功能限制为只能单选,就像单选按钮(RadioButtonList)那样。本篇将详细介绍如何在C#环境下,针对ASP.NET ...

    C#中checkboxList控件用法总结

    以下是关于CheckboxList控件的17种常用方法的总结。 一、添加项 CheckboxList控件可以使用Items.Add方法来添加新项。例如: ```csharp checkedListBox1.Items.Add("蓝色"); checkedListBox1.Items.Add("红色"); ...

    在服务器端得到CheckBoxList控件最后选择项的方法

    ### 在服务器端获取CheckBoxList控件最后选择项的方法 #### 一、背景介绍 在Web开发中,`CheckBoxList`控件是一种常用的用户界面元素,它允许用户在多个选项中进行选择。对于ASP.NET这样的服务器端框架而言,如何在...

    巧用struts标签之checkboxlist选中默认值换行处理

    通过这种方式,我们可以实现`struts`标签`checkboxlist`的默认选中值设置,并通过JavaScript动态调整布局,使界面更加友好。在实际开发中,这种方法可以帮助我们更好地控制用户界面,提升用户体验。

    jQuery获取checkboxlist的value值的方法

    至于为什么不显示value值,我也不清楚,本篇给出一个用jQuery获取checkboxlist值的方法。 先看看原始的页面html代码: &lt;input type=button id=btnShow value=显示选中值 /&gt; 下面我们绑定check

    checkboxlist单选功能

    #### 二、CheckboxList 控件转换为单选模式的方法 ##### 1. JavaScript 实现单选逻辑 为了实现`CheckboxList`的单选功能,可以通过JavaScript来控制复选框的状态。下面是一段示例代码: ```javascript function ...

    asp.net Dropdownlist结合CheckBoxList多选下拉框

    7. **JavaScript/jQuery交互**:由于ASP.NET服务器控件在客户端与服务器端交互时会自动生成复杂的ID,所以可能需要使用JavaScript或jQuery来处理客户端的事件和操作,例如在客户端隐藏和显示CheckBoxList。...

    CheckBoxList的操作

    1. **添加项**:你可以通过调用`checkedListBox1.Items.Add()`方法向CheckBoxList中添加选项。例如: ```csharp checkedListBox1.Items.Add("蓝色"); checkedListBox1.Items.Add("红色"); checkedListBox1.Items...

    aspx中checkboxList扩展

    在这个主题中,"RadioButtonListHelper"可能是一个用于辅助处理RadioButtonList(单选按钮列表)的类或方法,虽然它不是CheckboxList,但可能提供了类似的功能增强,比如数据绑定、样式定制、事件处理等,帮助开发者...

    struts2的checkboxlist标签换行

    要实现`checkboxlist`标签的换行,有几种方法可以尝试: 1. CSS样式调整:最直观的方式是通过CSS来改变复选框的布局。可以添加自定义CSS类到`&lt;s:checkboxlist&gt;`标签,然后在CSS文件中设置`display`属性为`inline-...

    自定义 C# CheckBoxList

    在Web开发中,ASP.NET提供了一套丰富的服务器控件,其中包括CheckBoxList。然而,有时候默认的CheckBoxList控件并不能完全满足开发者的需求,这时就需要进行自定义以增加额外的功能或改变其外观与行为。 `CheckBox...

    NET MVC3使用CheckBox List(复选框列表)的简单方法

    ### .NET MVC3 使用 CheckBox List(复选框列表)的简单方法 在.NET MVC3框架中,虽然没有直接提供CheckBox List的功能,但可以通过简单的自定义方法来实现这一功能。下面将详细介绍如何在.NET MVC3中使用CheckBox ...

Global site tag (gtag.js) - Google Analytics