asp.net绑定checkboxlist--------jquery绑定click事件，获取checkbox的value和显示值

asp.net的checkboxlist后台绑定DataTextField和DataValueField

前台页面发现情况有：

（1）checkbox是单独的，里面什么信息都没有，在其紧接有一个label，包含text值。

（2）没有找到value值

从后台获取value和text值是没有问题的，但是考虑到前台的获取，比如：选中checkbox，显示选中的值，取消选中时，把显示的值从选中的列表中去掉，同时还要选中时要保存value值（通常是用hidden隐藏的），取消选中时去掉value和text值，

这样就要考虑从前台获取text和value值了。

js的还没有考虑过，jquery的倒是试过

（1）jquery获取text值：

从情况1中jquery这样实现

　　　　　　　　　　 $("input[type='checkbox']").click(function(){

　　　　　　　　var jcxmname=$(this).next().text();//获取label的值

　　　　}

（2）jquery获取value值：

从情况2可以看到，从后来绑定后value没有显示到前台(搞不清楚)，前台的页面上没有value值，jquery是不能获取的，所以需要把绑定value值给显示出来，找了一下发现可以用其他的方法把value值显示到前台

foreach (ListItem item in CheckBoxList1.Items)

{

item.Attributes.Add("val", item.Value);

}

在绑定值过后就把value值同时再绑定下，这样绑定后前台就显示出value值了（后来发现刷新页面value值是会丢失的，怎么办，你懂的！）

前台代码如下：

发现最外面多个span，并且把value值以val的形式给显示出来了，这样就好办多了。

又查过资料发现jquery可以这样取值

$("input[type='checkbox']").click(function(){

　　　　var lvalue=$(this).parent('span').attr("val");//获取value值

　　　　var lname=$(this).next().text();//获取text值

}

这样就能够在前台获取到value值了。

转载于:https://www.cnblogs.com/m-cnblogs/archive/2011/08/13/2137462.html

asp.net绑定checkboxlist--------jquery绑定click事件，获取checkbox的value和显示值相关推荐

jq父级绑定事件的意义_js、jq事件绑定方式总结——以click事件为例
一.JavaScript点击事件绑定方法 1.1 HTML onclick事件属性 1 click me 1 functionclickMe(this) {2 alert("click me ...
jQuery中click事件多次触发解决方案
jQuery 中元素的click事件中绑定其他元素的click事件. 因为jQuery中的click事件会累计绑定,导致事件注册越来越多. 解决方案: 1.能够避开,避免把click事件绑定到其他元素 ...
java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口（不打开新页面）...
[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...
JQuery选择器通过click事件获取当前点击对象的id,name,value属性
JQuery选择器通过click事件获取当前点击对象的id,name,value属性 JQuery捕获或获取当前click事件的事件对象ID
jquery一个元素绑定了多个 click 事件，如何取消其中的一个
function fn1() {alert(1) } function fn2 {alert(2) } $('#btn').on('click', fn1); $('#btn').on('click' ...
jquery调用click事件的三种方式
第一种方式: $(document).ready(function(){$("#clickme").click(function(){alert("Hello World ...
jquery 调用 click 事件的三种方式
第一种方式: $(document).ready(function(){ $("#clickme").click(function(){ alert("Hello Wor ...
使用jQuery的click事件没反应
没有系统学习过jQuery,今天犯了一个低级错误,不知道jQuery的选择器导致的. jQuery选择器分类: 分类格式元素选择器在页面中选取所有p元素$("p") #id选 ...
搜索提示时jquery的focusout和click事件冲突问题完美解决
在主流的搜索引擎上搜索时,输入内容,往往会弹出智能提示.输入框为input,智能提示区域为suggest.接下来一般有两种操作: 1.选择某一提示,则把内容复制到input中,自动关闭suggest: ...

asp.net绑定checkboxlist--------jquery绑定click事件，获取checkbox的value和显示值

asp.net绑定checkboxlist--------jquery绑定click事件，获取checkbox的value和显示值相关推荐

最新文章

热门文章