html怎么自动选中,Html checkbox标签如何设置默认选中以及用js操作checkbox代码示例...

在 HTML 文档中 每出现一次,Checkbox 对象就会被创建。

Checkbox 设置默认选中代码:

注意:checked="checked"表示默认选中状态。

完整测javascript操作checkbox代码示例:

function add(){

var price = Number(document.getElementById("price1").value);

var boxes = document.getElementsByName("addPrice");

var num = boxes.length;

for(i=0;i

if(boxes[i].checked){

price += Number(boxes[i].value);

}

}

document.getElementById("price").innerHTML = "价格"+price+"元";

}

οnclick="add()"/>增加10元

οnclick="add()"/>增加20元

οnclick="add()"/>增加30元

价格48元

Html checkbox完整示例代码如下:

选择

请选择你喜欢的水果:

苹果

桔子

芒果

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值