LoginSignup
tiiti
@tiiti

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

radiobuttonのchecked属性について

解決したいこと

ラジオボタンでcheckを入れたボタンの値を取得したい、
そのコードについて教えていただきたいです。

javascriptを使用し、todoリストのようなものを作成しております。
「作業中」・「完了」・「全て」のラジオボタンを作成しているのですが、
どのラジオボタンにチェックが入っているかをコンソールに出力したいです。

taskradio = () => {
const taskradio = document.getElementsByName('taskradio');
for (let i = 0; i < taskradio.length; i++) {
if (taskradio[i].checked) {
console.log(taskradio[i].value);
}
}
};
taskradio();

他のサイトを見つつ、上記コードで問題なく出力はできるのですが、
この場合になぜ下記一文が必要なのかご教授いただきたいです。

for (let i = 0; i < taskradio.length; i++) {

初歩的なご質問で恐縮ですが、よろしくお願いいたします。

0

1Answer

初めまして。

javascript forなどで検索をかけていただければわかると思いますが、forは配列を回して処理ができる関数です。

今回でいうと、配列のtaskradioの中にラジオボタンの情報が入っているので、forで配列を回してifでチェックされているラジオボタンがあればvalueを出力するという処理が書いてあります。

0

Comments

  1. @tiiti

    Questioner
    はじめまして。
    ご回答いただき誠にありがとうございます!
    イメージする事ができました!
  2. 説明が下手で申し訳ないと思ってましたが、よかったです!
  3. @tiiti

    Questioner
    とんでもないです!
    迅速にご回答いただきありがとうございました!

Your answer might help someone💌