javascript - 简单的 javascript 调用失败

Question

所以这是我的问题，我有一些复选框，我想在它们被选中或未选中时触发一些行为。所以我把一个简单的javascript函数放在onchange上。但是我运行了一个测试，mozilla 和 chrome 都从我调用我的函数的那一行报告了一个语法错误，但我找不到错误。这太简单了，让我发疯，如果你能帮助我找到我的错误，我将不胜感激。这是我的代码:

用于生成复选框的 HTML 行的 php 函数:

        public function addClassToTable(){
           $res='';
           foreach($tab=classes::findAll() as $c){

              $string=$c->__get('niveau').$c->__get("section").$c->__get("division");
              $id=$c->__get('id').$string;

              $res.='<tr><td>'.$string.'</td><td><input  type="checkbox" id="'.$id.'" onchange="addClasse('.$id.')"></td></tr>';
           }
           return $res;
        }

Js函数addClasse:

    function addClasse(val){


       var inputElements = document.getElementById(val);


       if(inputElements.checked){
        document.getElementById('selectClasse').style.display="block";

       }
       else{

        document.getElementById('selectClasse').style.display="block";

       }

   }

这是我得到错误的 Html

   <fieldset>
           <legend>Ajouter une Classe</legend>
           <table>
               <tr>
                 <th>Classe</th>
                 <th>Selectionner</th>
               </tr>
               <tr><td>12A</td><td><input  type="checkbox" id="112A" onchange="addClasse(112A)"></td></tr><tr><td>12A</td><td><input  type="checkbox" id="212A" onchange="addClasse(212A)"></td></tr><tr><td>12A</td><td><input  type="checkbox" id="312A" onchange="addClasse(312A)"></td></tr>
           </table>
   </fieldset>

语法错误提到在 chrome 中的参数列表之后缺少 ) 并且标识符在 mozilla firefox 中的数字文字之后立即开始。

Answer 1

在 onChange 函数参数中像这样包装你的字符串。

<fieldset>
    <legend>Ajouter une Classe</legend>
    <table>
        <tr>
            <th>Classe</th>
            <th>Selectionner</th>
        </tr>
        <tr>
            <td>12A</td>
            <td><input id="112A" onchange="addClasse('112A')" type=
            "checkbox"></td>
        </tr>
        <tr>
            <td>12A</td>
            <td><input id="212A" onchange="addClasse('212A')" type=
            "checkbox"></td>
        </tr>
        <tr>
            <td>12A</td>
            <td><input id="312A" onchange="addClasse('312A')" type=
            "checkbox"></td>
        </tr>
    </table>
</fieldset>