特定のjsがwordpressで作動してくれません。

###【１．起きている問題】
下記jsがwordpressでのみ作動しません。(>_<)

javascript
1<script>
2window.onload = function(){
3  entryChange();
4  Array.prototype.map.call(document.querySelectorAll("[name=entryPlan]"),function(i){
5    i.addEventListener('change',function(){entryChange()});
6  });
7}
8function entryChange(){
9  var ele=document.querySelectorAll("[name=entryPlan]:checked");
10  for(var i=0;i<ele.length;i++){
11    v=ele[i].value;
12    Array.prototype.map.call(ele[i].form.querySelectorAll(".boxes"),function(j){
13      j.classList.add('hide');
14      if(
15        (v=='hoge1' && j.classList.contains('box1')) ||
16        (v=='hoge2' && j.classList.contains('box2')) ||
17        (v=='hoge3' && (j.classList.contains('box1') || j.classList.contains('box2')))
18        ){
19        j.classList.remove('hide'); 
20      }
21    });
22  }
23}
24</script>

###【２．目的の機能】
ラジオボックス選択でテーブルの表示内容が切り替わる機能がほしいと思っていまして、そのための上記のjsです。

具体的にはこのような機能です。→https://jsfiddle.net/kwz15kdd/

ご覧のように、wordpressでなければ作動します。

###【３．試したこと】
➀Pタグの自動挿入禁止
functions.phpへの記述によってPタグ自動挿入を禁止しました。
ソースを見るとPタグはなくなっており、当該jsも表示されております。
なのに、作動してくれません。

➁プラグイン
・「Custom CSS and JS」
・「CSS & JavaScript Toolbox」
簡単なjsは出力できたのでプラグインの使い方は間違ってないはずです。
ソースにも当該jsは表示されております。
なのに、作動してくれません。
headerへの出力、footerへの出力、ともに試しました。

➂テーマとサーバーの変更
５つくらいのテーマ変更、またXサーバーとZ.comサーバーの２つを試しました。
やっぱり、どれも作動してくれません。泣きそうです。

###【４．質問】
上述した【２．目的の機能】さえ果たせればいいのですが、なんとかjqueryではなくjsでやりたいです。
そこで質問です。

・当該jsと同じ機能になるようなjsの書き方や、
・他に試してみたらよさそうなプラグインや、
・当該jsのこの部分がアヤシイぞというご指摘など、
ご存知ありませんでしょうか？

ご検討よろしくお願い致します。<(_ _)>

kei344

2017/07/22 05:46

エラーは出ていませんか？デベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

退会済みユーザー

2017/07/22 05:58

いつもありがとうございます！コンソールという画面を確認すると、「JQMIGRATE: Migrate is installed, version 1.4.1」しか出ておりませんでした。でもソースには当該jsが表示されています。むぅ。

shi_ue

2017/07/22 05:58

wordpressが整形した後のソースは意図通りになっているんでしょうか？まずはそこから確認されてください。

退会済みユーザー

2017/07/22 06:06 編集

ありがとうございます。どのような出力が適切か、が分からないために、意図通りの出力がわからないのです（笑）が、出力されたものは入力したものと一文字も違ってませんでした。出力された文字に問題がないとすると、位置でしょうか？でも他の正常なjsの間に当該jsが表示されていますから、本来jsが作動するであろう位置に出力されていると考えてよさそうです。ならやっぱり、そもそも入力した文字に問題がありそうでしょうか？むぅぅ。

shi_ue

2017/07/22 06:12

chromeなどのデベロッパーツールのコンソールで、querySelectorAll でエレメントをちゃんと拾っているかどうか、確認してみました？