如何用onclick改变我的所有价值?

时间:2017-05-13 19:30:21

标签: javascript html css css3

我需要用第一个按钮更改按钮的值,但似乎没有任何效果。我尝试了许多不同的代码,如changeText,Myfunction1,2,3,4等,没有任何工作......如果你帮助我,我将不胜感激。

这是我的代码:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
    <title>Afinador de Violão</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/content.css">
  </head>
  <body>
  <center>
      <marquee width="400px" scrollamount="10">Afinador V1.0</marquee></center>
      <CENTER>
        <input type="button" id="-" onclick="change()" value="bemol">
      </CENTER>
      <div id="content">
     <input name="1" type="button" onclick="myFunction1()" value="E" id="1" class="cordas"><br>
     <input name="2" type="button" onclick="myFunction2()" value="B" id="2" class="cordas"><br>
     <input name="3" type="button" onclick="myFunction3()" value="G" id="3" class="cordas"><br>
     <input name="4" type="button" onclick="myFunction4()" value="D" id="4" class="cordas"><br>
     <input name="5" type="button" onclick="myFunction5()" value="A" id="5" class="cordas"><br>
     <input name="6" type="button" onclick="myFunction6()" value="E" id="6" class="cordas"><br>
    </div>

    <script type="text/javascript" src="js/zepto.min.js"></script>
    <script type="text/javascript" src="js/playsound.js"></script>
    <script type="text/javascript" src="js/app.js"></script>

    <script type="text/javascript">
function change(elem){
    var elem = document.getElementById("1");
    if (elem.value=="E") elem.value += "\u266D";
    else elem.value = "E";
}
</script>

更新:我插入了错误的代码,看看这个。

2 个答案:

答案 0 :(得分:0)

你有一个功能,但你没有调用它。尝试将onclick()更改为change()并使用此选择元素(作为参数)。

&#13;
&#13;
function change(elem) {
  if (elem.value == "E") elem.value += "\u266D";
  else elem.value = "E";
}
&#13;
<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

  <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
  <title>Afinador de Violão</title>
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="css/content.css">
</head>

<body>
  <center>
    <marquee width="400px" scrollamount="15">Afinador V1.0</marquee>
  </center>
  <CENTER>
    c
  </CENTER>
  <div id="content">
    <input name="1" type="button" onclick="change(this)" value="E" id="1" class="cordas"><br>
    <input name="2" type="button" onclick="change(this)" value="B" id="2" class="cordas"><br>
    <input name="3" type="button" onclick="change(this)" value="G" id="3" class="cordas"><br>
    <input name="4" type="button" onclick="change(this)" value="D" id="4" class="cordas"><br>
    <input name="5" type="button" onclick="change(this)" value="A" id="5" class="cordas"><br>
    <input name="6" type="button" onclick="change(this)" value="E" id="6" class="cordas"><br>
  </div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

在jQuery中,只需说出

$('1').val('E\u266D');

设置值。如果您不知道该值,可以使用

$('1').val($('1').val() + '\u266D');