【js】チェックボックスで表示OR非表示が切り替わりません。する質問をすることでしか得られない、回答やアドバイスがある。15分調べてもわからないことは、質問しよう!質問するただいまの回答率89.65%トップJavaScriptに関する質問JavaScriptHTMLJavaScriptを有効にしてください【js】チェックボックスで表示OR非表示が切り替わりません。■やりたいことチェックボックス選択でテーブルの行の、表示OR非表示を切り替えたいです。左側(1だけ表示)にチェックが入っているときに、3の行が消えてくれないのです!2の行はきちんと消えてくれています。https://jsfiddle.net/2v3ydbaf/上のリンク先にもありますが、コードは次のように書いています。entryChange1;</script>ご覧のように、javascriptで2Boxの表示OR非表示の切り替えを書いているつもりなのですが、なぜ、3の行は消えてくれないのでしょうか?ちなみにこちらのサイトを参考にして、2時間くらいがんばった結果が上記の状態です。笑(http://5am.jp/javascript/form_change_javascript/)私はjavascriptをいじくるのは、人生で3回目くらいです。ご意見よろしくお願い致します。attachmentクリップ1気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。14:14ありがとうございます!たすかりました!!idをclassに変えた後、getElementByIdをgetElementsByClassNameにしても何も起こってくれず、困り果てていたところです。しても何も起こってくれず、困り果てていたところです。14:16しかも「23表示」の機能までつけてくれたのですね!感動を呼ぶ接客(←何様w)とはこのことですな。ありがとうございます。感動を呼ぶ接客(←何様w)とはこのことですな。ありがとうございます。15:41すごくわかりやすかったです。試しているうちに、応用が利くようにわかりやすく書かれていることに気づき、びっくりしました。ありがとうございました!すごくわかりやすかったです。試しているうちに、応用が利くようにわかりやすく書かれていることに気づき、びっくりしました。18:41たびたび申し訳ございません。これってテーブルが複数ある場合だとどのように書けばよいのでしょうか?今の状態はこうなっております。https://jsfiddle.net/q9186k1x/ご覧のように、「同じラジオボタンの選択で、2つのテーブルが切り替わってしまうの」状態です。jsを同じように2つ書いたり、HTMLのIDを変えたり朝から試行錯誤してきたのですが、、さすがにギブアップです。追加質問ですみません。いちおうきちんと質問立てておきます。今の状態はこうなっております。ご覧のように、「同じラジオボタンの選択で、2つのテーブルが切り替わってしまうの」状態です。jsを同じように2つ書いたり、HTMLのIDを変えたり朝から試行錯誤してきたのですが、、さすがにギブアップです。追加質問ですみません。いちおうきちんと質問立てておきます。21:51うわー!できてるーー!!爆っっ笑しました!!ホントにめちゃくちゃ苦労していたのに、これだけかーい!笑いやしかしこのシンプルさこそ、一流が苦労の果てにたどり着く答えなのでしょうね。大変だろうと思って別途質問を立てておりましたが、追加質問へのご返答、心から感謝いたします。ところが、、なんとこちら、wordpressの投稿画面にそのまま書いても機能しない様子です。前回教えていただいた1つだけのテーブルは、投稿画面のテキストエリアにそのまま書いても平気でした。wordpressで勝手に書かれるPタグなどのせいかな?と思いましたが、それらが表示されないように設定してもやはりラジオボタンは機能しませんでした。(;_:)なかなか厄介ですね。いやしかしこのシンプルさこそ、一流が苦労の果てにたどり着く答えなのでしょうね。大変だろうと思って別途質問を立てておりましたが、追加質問へのご返答、心から感謝いたします。なんとこちら、wordpressの投稿画面にそのまま書いても機能しない様子です。前回教えていただいた1つだけのテーブルは、投稿画面のテキストエリアにそのまま書いても平気でした。wordpressで勝手に書かれるPタグなどのせいかな?と思いましたが、それらが表示されないように設定してもやはりラジオボタンは機能しませんでした。22:05>wordpressの投稿画面にそのまま書いても機能しないあら、なんでしょうね。なにかの記述が競合しているのかもしれません。ブラウザのF12開発ツールでエラーを確認しながらやるとよいでしょう。実際、formで分けなくてはいけない理由は、ラジオボタンを同じnameで設定すると、競合してしまうことが大きいです。wordpress自体使う機会がないので具体的な問題はちょっと指摘できないです、あしからず。ちなみに複雑になってくるとオブジェクトの掴み方が柔軟なjQueryなどでやったほうが簡単で見やすいです。あら、なんでしょうね。なにかの記述が競合しているのかもしれません。ブラウザのF12開発ツールでエラーを確認しながらやるとよいでしょう。ラジオボタンを同じnameで設定すると、競合してしまうことが大きいです。wordpress自体使う機会がないので具体的な問題はちょっと指摘できないです、あしからず。jQueryなどでやったほうが簡単で見やすいです。22:09とんでもないです!なんども本当に感謝です。よろしければビットコインアドレス教えてください。明日のランチ代1000円(だけw)お送りいたします♪とんでもないです!なんども本当に感謝です。よろしければビットコインアドレス教えてください。22:18他のテーマだときちんと機能しました!どうやら私の使っているテーマ「nirvana」だけの問題のようです。そりゃ、わかるわけありませんね。笑なのでyambejpさまのご回答はパーフェクトでございました。他のテーマだときちんと機能しました!どうやら私の使っているテーマ「nirvana」だけの問題のようです。そりゃ、わかるわけありませんね。yambejpさまのご回答はパーフェクトでございました。JS」で当該jsを書くことによってどのテーマでもjsが作動するようになりました。JS」で当該jsを書くことによってどのテーマでもjsが作動するようになりました。これからwordpressでjsが作動しないことがありましたらぜひおためしあれ(^◇^)キャンセル完了するlink+1id属性で指定できる値は、重複してはいけません。同じ値にしたいのであれば、class属性を利用するなどしてみてください。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。ありがとうございます。そもそもidとclassの使い分けから勉強せねばなりませんね。(>_<)なんとなく使っておりました。ありがとうございます。そもそもidとclassの使い分けから勉強せねばなりませんね。なんとなく使っておりました。キャンセル完了するlink+1IDが"2Box"の要素が2つあるからです。IDはそのページの中で一意でないといけません。以下のように3つ目のBoxに"3Box"というIDをつけて、"2Box"と"3Box"を消すようにすればとりあえず消えます。このケースでは、IDよりclassで指定したほうが良いと思います。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。13:36そういうことだったのですね。ありがとうございます。実はこちらのテーブル、行があと30行くらいあるのですけれど、その場合は、2Box、3Box、4Box、、と全てに番号を振ってあげないとダメなのでしょうか?汗そういうことだったのですね。ありがとうございます。class="Box-wrap">として囲えば、javascriptの表記は1行で済ませたりするのかな、とか、または➁2Box、3Box、4Box、、というクラスはつけるものの、javascript側で何か1行で済ませられるような書き方はないのかな、とか、そんなことをふと思ったものでして。そんなことをふと思ったものでして。解決済JavaScriptを使ってフォーム項目の表示/非表示を切り替えるスクリプトが動かない。解決済JavaScriptを使ったフォーム項目の表示/非表示を切り替えるスクリプトが動きません。受付中JavaScriptを使ったフォーム項目の表示/非表示を切り替えるスクリプトが動きません。解決済js初心者です。ラジオボタンの選択で表示/非表示を切り替えるフォームを1ページに複数設置したい解決済チェックボックス1~9のどれかが選択されたら#optionsをslideDownさせる。【js】チェックボックスで表示OR非表示が切り替わりません。頂いたご意見への回答は行っておりません。