当前位置: 代码迷 >> Java Web开发 >> JS如何获取按钮里面的值并输出正确的结果
  详细解决方案

JS如何获取按钮里面的值并输出正确的结果

热度:342   发布时间:2016-04-16 21:49:57.0
JS怎么获取按钮里面的值并输出正确的结果

 JSP页面代码如下,我想点击任何一个按钮并得到相应的value值


<div style="width:400px;height:150px;margin-left:20px; margin-top: 20px" id="left1">
     <input type="button" id="food" name="food" value="食品" onclick="list(this.value)" style="width:400px;height:150px;background-image: ">
  </div>
  
  <div style="width:400px;height:150px;margin-left:20px;margin-top: 20px"  id="left2">
     <input type="button" id="commodity" name="commodity" value="日用品" onclick="list(this.value)"  style="width:400px;height:150px">
  </div>
  
 <div style="width:400px;height:150px;margin-left:20px;margin-top: 20px"  id="left3">
     <input type="button" id="others"  name="others"  value="其他" onclick="list(this.value)"  style="width:400px;height:150px">


js代码如下,

function list(value){
    
 alert(value);
 if(value="食品"){
 alert("这是食品");
 
 }
 
 else if(value="日用品"){
 alert("这是日用品");
 
 }
 
 else if(value="其他"){
 alert("这是其他");
 
 }
}

最后输出的结果能得到value值,但是alert()出来的,一直是“这是食品”,请问这是为什么呢,哪里出错了,求高手大神赐教!

------解决思路----------------------
判断相等用==
------解决思路----------------------
 if(value="食品"){
。。。。。等号 要两个
------解决思路----------------------
==判断,很简单的
function list(value){
    
 alert(value);
 if(value=="食品"){
 alert("这是食品");
 
 }
 
 else if(value=="日用品"){
 alert("这是日用品");
 
 }
 
 else if(value=="其他"){
 alert("这是其他");
 
 }
}

------解决思路----------------------
=是赋值,==是等
------解决思路----------------------
 if(value=="食品")
------解决思路----------------------
==是赋值还有就是list这个名字貌似不行
换个方法名
  相关解决方案