Question

从html的组件判断并获得一些变量，然后利用js或者php运算，再输出到html页面怎么做？

我想在同一个 同一个 同一个 html页面里
比如我对一个checkbox打勾，并在select里选择了数量
下面就会动态显示出价格为xxxx

不知道该怎么做才好？
是不是php只能通过form的get和post才能接收变量？可我并不想设置按钮
想直接动态显示

目前编了一个，可是运行了没有任何反应

<label class="control-label" for="servicerange"><h3>换洗件数</h3></label>
</br>
<input id="sheets"name="sheets" type="checkbox" class="radio-inline" >
<label class="control-label" ><h4>换洗数量(20元/套)</h4></label>
<select id="Numberofsheets"name="Numberofsheets" class="active" style="width: 90px;height: 30px"
onchange="sheetsprice(this.value)">
<option value="0" selected>0</option>
<option value="1">1套</option>
<option value="2">2套</option>
<option value="3">3套</option>
<option value="4">4套</option>
<option value="5">5套</option>
</select>
</br>
</br>

js部分在这
<script type="text/javascript">
if(document.getElementById("sheets").checked){
function sheetsprice() {
num1=document.getElementById("Numberofsheets").value
p1=20*num1
}
}
document.write(p1)
</script>

Answer 1

var p1 ;
var num1;
	
function sheetsprice(){
	if(document.getElementById("sheets").checked){
		num1 = document.getElementById("Numberofsheets").value;
		p1 = 20*num1;
		console.log(p1);
	}else{
	    alert('请勾选');
	}		
}

要么在外部定义全局变量，要么在function内变量前加var

另外如果想提交到php，可以用ajax提交

追问

然后在html显示的时候，写

document.write(p1)

就好了？

追答

如果这样的话会显示undefined，因为你页面加载是就已经先执行一遍，那时p1还是没有值。接着你触发function，它还是undefined，因为是作用在函数内.
你你先加个div,id="price"，然后在8行下加 document.getElementById("price").innerHTML = ""+p1+"" 和在最后一行 document.write(p1)，看下结果

追问

还是没反应…
我在checkbox 加了 onclick=“sheetprice（）”
然后把js这部分是放在里，不知道有没有不对。
新手求教

我想到一个问题
当checkbox改变的时候 select还没有改变 select就还是0
所以算出来就还是0
所以其实应该在select 的onchange或者onclick 里加sheetprice（）？

又试了一下可以了 谢谢！

追答

Js我习惯放在后面。一般你js中有函数或者事件触发都最好放在后面，因为你打开网页它会预加载，就是先执行一遍。因为是从上往下执行的，如果你把js放在head里面，你的sheetprice（）就无法找到相对应的函数，很多时候你看不到效果很可能放的位置不对，可以按F12，找到Console那栏看看报错。

前台的东西不也不是很了解，我主要是做后台的，前端页面都是由前端工作人员负责的写，后端则设计程序做分析和数据处理，再存进数据库或展示到前端页面去

追问

放在的后面？
我发现这个function函数，如果多写一个，就运行不了了……
阿…郁闷