JavaScript

最新推荐文章于 2023-11-23 16:59:28 发布

最新推荐文章于 2023-11-23 16:59:28 发布 · 442 阅读

文章标签：

#JavaScript #IDEA #ViewUI

Html js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过JavaScript操作网页元素的方法，包括如何通过特定属性选择元素并进行批量操作。示例代码展示了如何实现全选功能及获取被选中的元素ID。


function goMoveSite(){
            var checklist = document.getElementsByName("pageUuids");
            var pageIds="";
            for(i = 0;i < checklist.length;i++){
            	if(checklist[i].checked){
            	  pageIds = pageIds +  "'" +checklist[i].value + "'" + ",";
            	}
            }
            pageIds = pageIds.substring(0,pageIds.length-1);
            if(pageIds==""){
            	alert("没有选中!");
            	return; 
            }
          }
        function selectAll(state,name) {    //选中所有的多选框
         var ids = document.getElementsByName(name);
          for (var i = 0; i < ids.length; i++) 
             {       
            ids[i].checked = state;
             }
        }
<a href="#" onclick="javascript:selectAll(true,'pageUuids')"> 全选</a>
<input name="pageUuids" value="pageUuid" type="checkbox">