复选框改为html,根据复选框更改HTML值

最简单的方法是：

设置你的基本价格为JavaScript的

呼叫时复选框被选中的功能或取消选中

加入或减去一个变量从基准价格复选框的值

我在示例代码中添加了两件事。首先，对于每个复选框，我添加了一个onchange函数，我们将调用update()。其次，我给了“总数”一个总数。

HTML：

Piecemaker -

Network Bar -

10 Tags -

Shopping System -

Total:

的JavaScript是非常直截了当。设置基准价格(running_total)，并从running_total中添加或减去复选框的值。

的JavaScript：

var running_total = 150;

function update(feature) {

// Check

if(feature.checked == true){

// Add value to running_total

running_total += parseInt(feature.value);

document.getElementById('total').value = '$' + running_total;

}

// Uncheck

if(feature.checked == false){

// Subtract value from running_total

running_total -= parseInt(feature.value);

document.getElementById('total').value = '$' + running_total;

}

复选框改为html,根据复选框更改HTML值相关推荐

python图形编程复选按钮和单选按钮详细说明_Python_tkinter_单选框（Radiobutton）与复选框（Checkbutton）...
单选框(Radiobutton)与复选框(Checkbutton) thinter.Radiobutton(用于存放的父组件,属性参数...) thinter.Checkbutton(用于存放的父组件 ...
复选框全选效果，根据单个复选框的选择情况确定全选复选框是否被选
复选框全选与全不选效果逻辑:复选框的checked属性与复选框全选效果对应起来,全选复选框checked:true 时,全部复选框checked:true: 全选框checked:false 时,全 ...
php表单复选传值,jQuery+SpringMVC中的复选框选择与传值实例_jquery
下面我就为大家分享一篇jQuery+SpringMVC中的复选框选择与传值实例,具有很好的参考价值,希望对大家有所帮助. 一.checkbox选择在jQuery中,选中checkbox通用的两种方式 ...
【jQuery】复选框的全选、反选，推断哪些复选框被选中
本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...
单选框（单选）、复选框（多选）
1. 1)radio:单选框(单选) 2)checkbox:多选框(多选) 语法:<input type="radio/checkbox" value=& ...
axure实现复选框全选_Axure RP实例教程：全选与取消全选效果
原标题:Axure RP实例教程:全选与取消全选效果 Axure RP 9 Mac这款原型设计软件能让设计者快速创建应用软件,或者在web网站的线框图.流程图.原型和规格的设计制作,从低到高的视觉和交 ...
复选框（checkbox）、多选框
1.需求分析可同时选中多个选项,实现全选.全不选.反选等功能. 2.技术分析基础的HTML.CSS.JavaScript. 3.详细分析 3.1 HTML部分图示是一个列表加底部一段文字说明,列 ...
html单选框怎么提交数据库,HTML复选框和单选框 checkbox和radio事件介绍
checkbox 和 radio的事件选择一度让我很迷惑. 开始以我对js的理解,我觉得change事件应该是最合理的,可惜啊ie下change事件是在改变后焦点离开时才触发. 后来就用click m ...
html表单复选框隐藏,ElementUI 表格部分复选框禁用或隐藏
背景我们在使用 element ui 的 Table 组件构建带复选框的表格时,我们希望根据条件禁用或者隐藏某行选择框.如下图所示: 解析通过查看 ElementUI 官方文档 selectabl ...

复选框改为html,根据复选框更改HTML值

复选框改为html,根据复选框更改HTML值相关推荐

最新文章

热门文章