将复选框选中的值插入asp.net中的文本框?

时间:2011-03-25 19:05:06

标签: jquery asp.net vb.net visual-studio-2008

我在webform中有45个复选框,值为1到45我希望...将复选框选中的值插入到逗号分隔字符串的文本框中,按升序排列为1,2,3,4,5 ...如果复选框1复选框,复选框2,复选框3,复选框4和复选框5 ...如果取消选中这些复选框,则文本框中的插入值将分别逐个删除。 ..

使用vb.net或jquery或javascript来执行此操作..

1 个答案:

答案 0 :(得分:3)

因为这听起来像是家庭作业 - 我只会给你一些指示:

更新了代码和示例:

$(document).ready(function()
{
   var stringOfNumbers = "1,3,5,7";
   var split = stringOfNumbers.split(',');
   $.each(split, function(index, value)
   { 
       $("input[id='"+value+"']").attr('checked',true);
   });
});

<强>功能

    function CheckTheseBoxes(stringOfNumbers)
    {
       var split = stringOfNumbers.split(',');
       $.each(split, function(index, value)
       { 
           $("input[id='"+value+"']").attr('checked',true);
       });
    }

代码说明:

  

stringOfNumbers包含你的   逗号分隔的字符串与所有   你选择的数字,   stringOfNumbers.split(',')分隔   字符串和中的所有值   将它们存储在一个数组中。 $ .each()   方法迭代所有的   splitArray中的值(值   这将决定哪些复选框   检查。

     

循环内部 - 一个jQuery选择器   是建立指定选择   一个“输入”,其中id等于value,   value是要选择的id。最后,   实际上.attr('checked',true)   选中复选框。

工作演示:

Working Demo

有关jQuery和jQuery入门的链接

Beginning with jQuery - A Solid Foundation

jQuery.com