如何从JavaScript中的值中找到按钮的状态?

时间:2014-03-05 11:01:58

标签: javascript

我编写的JavaScript会在点击时更改按钮的值。例如,按钮的值在单击时从“忽略选择”更改为“启用选择”。

我的问题是如何使用按钮的值找到启用或禁用按钮的状态。我试图将元素值存储在一个数组中(var a [] =“select”;)。但按钮停止改变我已经完成的颜色。是否还有其他方法可以在数组中存储按钮的值?

以下是HTML代码:

<input type="button" name="Ignore Select" value="Ignore Select" id="select" onclick="colorchange('select')" style="background:rgb(255,145,0);"/>
<input type="button" name="Ignore Delete" value="Ignore Delete" id="select1" onclick="colorchange('select1');" style="background:rgb(255,145,0);"/>
<input type="button" name="Ignore Insert" value="Ignore Insert" id="select2" onclick="colorchange('select2');" style="background:rgb(255,145,0);"/>
<input type="button" name="Ignore Update" value="Ignore Update" id="select3" onclick="colorchange('select3');" style="background:rgb(255,145,0);"/>
<input type="button" name="Ignore Sleep" value="Ignore Sleep" id="select4" onclick="colorchange('select4');" style="background:rgb(255,145,0);"/>

JavaScript:

<script>
function colorchange(id) 
{
   var elem = document.getElementById(id);
if(id=="select")
 { 
  if (elem.value=="Ignore Select") 
  {
   elem.value = "Enable Select";
   var a[]="select";
  }
  else
  { 
   elem.value = "Ignore Select"; 
  }
 }

if(id=="select1")
{
 if (elem.value=="Ignore Delete") 
 {
   elem.value = "Enable Delete";
   var a[]="delete";
 }
 else
 { 
  elem.value = "Ignore Delete";
 }
}

if(id=="select2")
{
 if (elem.value=="Ignore Insert")
 {
   elem.value = "Enable Insert";
  var a[]="insert";
 }
 else
 {
  elem.value = "Ignore Insert";
 }
}

if(id=="select3")
{
 if (elem.value=="Ignore Update")
 {
   elem.value = "Enable Update";
   var a[]="update";
 }
 else
 {
  elem.value = "Ignore Update";
 }
}

if(id=="select4")
{
 if (elem.value=="Ignore Sleep")
 {
   elem.value = "Enable Sleep";
   var a[]="sleep";
 }
 else
 {
  elem.value = "Ignore Sleep";
 }
}
}
</script> 

提前致谢。

1 个答案:

答案 0 :(得分:0)

您可以使用val()函数获取按钮的值 例 $(“input:button [name ='忽略选择']”)。val()