$定義されていないエラー

Question

以下のコードは、チェックボックスを動的に作成するためのコードです。

しかし、Chromeコンソールでは、$は定義されていません。

var optiondiv = document.getElementById('option-div'); 

document.getElementById('create').onclick = function() { 

    newopt = document.getElementById('new-option').value; 
    if(newopt){ 
     var input = document.createElement('input'), 
     label = document.createElement('label'); 
     /* IF USER DID NOT INPUT A TEXT, 'No Entered Text' WILL BE THE DEFAULT VALUE */ 
    newopt = (newopt == '')?'No Entered Text':newopt; 
     /* FILL OUT THE TAGS OF THE NEW INPUT ELEMENT */ 
     input.type = "checkbox"; 
     input.setAttribute("value", newopt); 
     input.setAttribute("checked", true); 
     input.setAttribute("name", "prints[]"); 
     /* PUT THE INPUT ELEMENT/RADIO BUTTON INSIDE THE LABEL */ 
     label.appendChild(input); 
     label.innerHTML += newopt+'<br>'; 
     /* PUT THE LABEL ELEMENT INSIDE THE option-div DIV */ 
     optiondiv.appendChild(label); 
     //optiondiv.appendChild(input); 
     //ele.appendChild(input); 
     //input.onclick = function(){ alert('this is test'); }; 

     //optiondiv.appendChild(label); 
     document.getElementById('new-option').value = ''; 

     $.post(
      "index1.php", 
      { 
       "newopt": newopt 
      }, 
      function(data) { 
       if(data.success){ 
        alert('Successfully Added To dB'); 
       }else{ 
        alert('Not Added To DB'); 
       } 

     }); 

    }else{ 
     alert('Please Enter Check Box Value.'); 
     return false; 
    } 



}; 

Answer 1

はあなたが前にjQueryのを含ん<script>要素を確認する必要があり、独自のJavaScriptでのjQueryを使用するには...ここ

$.post(
      "index1.php", 
      { 
       "newopt": newopt 
      }, 

全コード：この$エラーは、このラインでありますあなた自身のJavaScript（インラインであっても含まれていても）。

（厳密に言えば、あなたはそれほど厳密ではなく、単純なアプローチで開始し、実行することができます遅らせること。）

例えば。これは動作します：

<script src="https://code.jquery.com/jquery-3.1.1.js"></script> 
<script type='text/JavaScript'> 
    // Your code using jQUery 
</script> 

が、これはしません：

<script type='text/JavaScript'> 
    // Your code using jQUery 
</script> 
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>