js checkout 全选 反选

本文介绍了如何使用JavaScript实现批量选择邮箱并一键发送邮件的功能,包括选择所有邮箱、单选和多选操作,以及发送邮件的流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script language="javascript">
function checkAllBox(boolValue)
{
var allcheck=document.getElementsByName("friendId");
for(var i=0;i<allcheck.length;i++)
if(allcheck[i].type=="checkbox")
    allcheck[i].checked=boolValue;
}

function selectAll()
{
var checkbox1=document.getElementById("selectAll");
if(checkbox1.checked==true )
{
checkAllBox(true);
}
else
{
checkAllBox(false);
}

}
function createMailbyme()
{
var ids =document.getElementById("reciverIds");
alert(ids.value);
alert(document.forms["createmail"].action);
document.forms["createmail"].submit();
}

</script>

<form method="POST" action="<@spring.url '/createmail'/>" name="createmail"  class="admailsend">
    <input type="hidden" name="reciverIds" id="reciverIds" value="20461416,9326848"/>

</form>

 <input type="checkbox" name="selectAll" id="selectAll" onClick="selectAll()"  />  <input type="button" name="sendMailButton" value="发送" onclick="createMailbyme()"/></p>


<input type="checkbox" name="friendId" value="${doc["id"]}" />
Web前端开发实践大作业之校园外卖平台 一、作业内容: 设计并实现一个响应式校园外卖平台前端界面,模拟真实外卖平台的核心功能,包括用户登录、商品浏览、购物车管理、订单提交等,综合考核HTML/CSS布局、JavaScript交互、组件化开发、状态管理及前端工程化能力。 二、功能需求 ①用户登录与注册 设计登录/注册页面(含手机号/密码输入、验证码功能)。 模拟后端API交互,验证用户身份。 登录后跳转至首页,保存用户状态。 ②首页与商品展示 顶部导航栏(搜索框、购物车入口、用户头像)。 商品分类展示(如主食、小吃、饮品),使用网格布局或卡片式设计。 支持按分类/关键词筛商品(防抖搜索)。 ③商品详情页 展示商品图片、名称、价格、描述、月销量。 支持加入购物车(数量择、规格切换)。 ④购物车管理 侧边栏或独立页面展示购物车列表。 支持增删商品、修改数量、全选/。 实时计算总价(含优惠提示)。 ⑤订单提交与支付 填写收货地址(模拟地址择器)。 择支付方式(微信/支付宝/校园卡)。 提交订单后跳转至“订单状态”页(模拟支付成功)。 三、技术要求 ①基础技术 HTML5语义化标签、CSS3(Flexbox/Grid布局、过渡动画)。 JavaScript ES6+(模块化、Promise、async/await)。 响应式设计(移动端优先)。 ②框架与库 使用Vue.js或React框架(推荐Vue 3 + <script setup>或React Hooks + TypeScript)。 集成UI组件库(如Element Plus、Ant Design Vue、Material-UI)。 状态管理:Vuex/Pinia(Vue)或Redux Toolkit(React)。 路由管理:Vue Router或React Router。 ③工程化与优化 使用Vite/Webpack构建项目。 代码模块化(组件拆分、工具函数封装)。 性能优化(图片懒加载、虚拟滚动长列表)。 五、附加项(加分项) 实现商品评价模块(星级评分、评论列表)。 添加商家入驻申请表单(模拟表单验证)。 使用WebSocket实现订单状态实时更新。
06-18
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值