JavaScript函数的使用以及下拉框、radio、input类型各种标签值的获取，结合淘宝竞拍案例。。

淘宝竞拍案例：

JavaScript部分代码：

<script type="text/javascript">function Pay(){var Price=2000;var AddPrice = document.getElementById("AddPrice").value;if(AddPrice==""){document.getElementById("span2").innerHTML='<font color="red">亲，请输入加的价格哦</font>'; }var num = document.getElementById("num").value;if(num==""){document.getElementById("span3").innerHTML='<font color="red">亲，请输入您要拍的数量哦</font>';}var sex = sex1.checked ? '男' : '女';var totalMoney;var Pay1 = document.getElementById("Pay1");var index = Pay1.selectedIndex;switch(index) {case 0:document.getElementById("span1").innerHTML='<font color="red">微信支付打九折</font>'; totalMoney = (parseInt(Price) + parseInt(AddPrice)) * parseInt(num)*0.9;break;case 1:document.getElementById("span1").innerHTML='<font color="red">支付宝支付打八折</font>';totalMoney = (parseInt(Price) + parseInt(AddPrice)) * parseInt(num)*0.8;break;case 2:document.getElementById("span1").innerHTML='<font color="red">银联支付打七折</font>';totalMoney = (parseInt(Price) + parseInt(AddPrice)) * parseInt(num)*0.7;break;case 3:document.getElementById("span1").innerHTML='<font color="red">QQ支付打九折</font>';totalMoney = (parseInt(Price) + parseInt(AddPrice)) * parseInt(num)*0.9;break;case 4:document.getElementById("span1").innerHTML='<font color="red">刷卡支付不打折</font>';totalMoney = (parseInt(Price) + parseInt(AddPrice)) * parseInt(num);break;default:document.getElementById("span1").innerHTML='<font color="red" >亲，支付方式可以进行选择的呦</font>';}if(totalMoney==undefined){document.getElementById("span5").innerHTML='<font color=red>总价无法计算呦</font>';}else{document.getElementById("TotalPrice").value=totalMoney;}}</script>

HTML部分代码：

<form action="#" method="post"><h2>欢迎进入淘宝竞拍</h2><h3>本次拍卖品为：导盲犬</h3> 底价：<input type="text" id="Price" value="2000" /><br/><br/>加价：<input type="text" id="AddPrice" /><br/><span id="span2"></span><br/> 数量：<input type="text" id="num" /><br/><span id="span3"></span><br/> 性别：<input type="radio" id="sex1" name="sex"  checked="checked"/>男<input type="radio" id="sex2" name="sex" />女<br/><br/> 付款方式：<select id="Pay1"><option>微信支付</option><option>支付宝支付</option><option>银联支付</option><option>QQ支付</option><option>刷卡支付</option></select><br/><span id="span1" ></span><br/> 总价：<input type="text" id="TotalPrice" /><br/><span id="span5" ></span><br/><input type="button" value="确认" name="dj" οnclick="Pay()" /></form>

运行结果图：

JavaScript函数的使用以及下拉框、radio、input类型各种标签值的获取，结合淘宝竞拍案例。。相关推荐

JavaScript函数的使用以及下拉框、文本框、radio值的获取，结合一个淘宝竞价案例。。。
淘宝竞价案例: JavaScript代码: <script type="text/javascript">function Pay(){var Price=2000;v ...
JavaScript中自定义函数以及文本框、radio、下拉框的值的获取，结合淘宝竞拍案例来理解。。。...
淘宝竞拍案例: HTML部分代码: <form action="#" method="post"><h2>欢迎进入淘宝竞拍</h2 ...
Javascript 调用XML制作连动下拉框
Javascript 调用XML制作连动下拉框作者: 何耀 Thursday, June 5 2003 2:44 PM 传统的HTML页面中连动下拉框采用了两种方法: 1)直接将下拉框中的内容har ...
用友uap nc65 如何实现一个下拉框（枚举类型实体）
用友uap nc65 如何实现一个下拉框(枚举类型实体) 如上图所示: 1.新建一个bmf文件. 2.建立一个枚举. 3.给枚举赋值.注意枚举值从0开始 4.右键发布元数据. 5.在需要引用的元数据 ...
javascript实现的一个带下拉框功能的文本框
我们需要一个可选的下拉框来选取内容,但是但是又有可以自定义输入的需求.对于这种需求,大部分网站使用的都是一个下拉框和一个 input text ,并列或分行给出选择.那么,我们希望它看上去像一个可以输 ...
yii框架的下拉框多选，设置默认值等（dropDownList）
一.前言根据需求,需要更改下拉框为多选框.本来以为只是很简单的东西,但是实际修改起来却碰到不少bug,多选框无法选中,给多选框赋默认值等.这里记录一下二.修改单选下拉框为多选下拉框 echo $f ...
解决select 下拉框选择器 input输入框、时间日期选择器el-date-picker 赋值后，出现无法修改选中更改问题
ElementUI时间选择器,传入时间赋值后之后无法改变 // ElementUI的表格组件<el-date-pickersize="mini"style="wid ...
bootstrap-table之通用方法（时间控件，导出，动态下拉框，表单验证，选中与获取信息）
1.bootstrap-table 单击单行选中 $('#gzrwTable').on('click-row.bs.table', function(e, row, $element) { $('.s ...
bootstrap-multiselect.js多选下拉框初始化时默认选中初始值
bootstrap-multiselect.js多选下拉框默认值设置一.案例数据格式二.HTML代码 <select id="msgRoles" multiple=&q ...

JavaScript函数的使用以及下拉框、radio、input类型各种标签值的获取，结合淘宝竞拍案例。。

JavaScript函数的使用以及下拉框、radio、input类型各种标签值的获取，结合淘宝竞拍案例。。相关推荐

最新文章

热门文章