当前位置:编程学习 > C#/ASP.NET >>

html checkbox批量无刷新删除

 function CreatPrice() {
            var ticketPriceID = newGuid();
          //  var t = "<%=shiKeYunZhan %>";
          
            var lineValue = $("<%=lineTypeID%>").val();
            if (lineValue == "tt"{
                arrCols = new Array(
                     '<input type="checkbox" name="Operate" value="'+ticketPriceID +'"/>',
                     '<input type="text"   name="Destination' + rowNum + '" class="infoInput2" />',
                      '<input type="text"   name="Mileage' + rowNum + '" class="infoInput" />',
                      '<input type="text"   name="TransPrice' + rowNum + '"  class="infoInput" />',
                      '<input type="text"   name="Single' + rowNum + '" class="infoInput" />',
                      '<input type="text"   name="SingleTripToll' + rowNum + '" class="infoInput" />',
                      '<input type="text"   name="BunkerSurcharge' + rowNum + '" class="infoInput" />');
这是动态产生行,
第一个是checkbox,我想如果checkbox是checked状态,点删除时能批量删除checked状态的行,
要求无刷新。谁能给些解决方法,谢谢 --------------------编程问答-------------------- 思路
Jquery  循环所有的checkbox 判断checked是否为真,然后 remove --------------------编程问答-------------------- checkboxs = document.getElementsByTagName("input")
for(var i=0;i<checkboxs.length.i++)
{
   var checkbox = checkboxs[i];
   if(checkbox.type =="checkbox" && checkbox.checked)
      checkbox.parentNode.removeChild(checkobx);
}

我是随手写的,大致上就是这样的,你看能不能行 --------------------编程问答-------------------- 无刷新删除需要用到ajax技术,也可以用AjaxPro.2.dll简化操作,个人感觉它很好用。


 <script type="text/javascript"> 
    function checkall()
    {
        var all = document.getElementsByTagName("input");
        for(var i=0;i<all.length;i++){
            if(all[i].type == "checkbox"){
               all[i].checked = true;
            }
        }
    }
    
    function checknull()
    {
        var all = document.getElementsByTagName("input");
        for(var i=0;i<all.length;i++){
            if(all[i].type == "checkbox"){
               all[i].checked = false;
            }
        }
    }
    
    function deleteAll()
    {
        var all = document.getElementsByTagName("input");
        if(confirm('确定删除?'))
        {
            for(var i=0;i<all.length;i++)
            {
                if(all[i].checked)
                {
                    telesa.deleteAll(all[i].name); //调用AjaxPro
                }
            }
         }
    }
    </script>
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,