javascript - JavaScriptでページを開くボタンでチェックボックスとラジオをリンクする方法は?

Question

JavaScriptでページを開くボタンでチェックボックスとラジオをリンクする方法は?

例: 「1 つの」チェックボックスとラジオを選択し、ボタンをクリックしてページを開きます。

無線：

0 レベル 1

0 レベル 2

0 レベル 3

チェックボックス:

[ ] 添加

[ ] 分割

[ ] 掛け算

[ ] 減算

{ボタン}

私はこのコードを持っています...{ラジオのみが機能します}....ラジオをチェックボックスに接続する方法がわかりません。

ここにリンクの説明を入力

Answer 1

David Thomas は良い点を指摘しました。2 番目のグループはおそらくチェックボックスではなく、代わりにラジオ ボタンであるべきです。2 番目のグループで複数の選択肢を選択できるようにするのは論理的ではないようです。

とにかく、クリックを聞いて、ユーザーの操作に基づいてリンクを変更します。

変更できるようにリンクを設定します。

<a id="next-link" href="#">Link to Next Page</a>

リスナーと関数を適用して、その場でリンクを変更します。

function changeLink(){
    document.getElementByID('next-link').setAttribute('href') = "/"+goto_link_level+"/"+goto_link_category;
}

//you can specify defaults here too
var goto_link_level = '';
var goto_link_category = '';

//event listeners for groups
document.getElementsByClassName('group-1').addEventListener('click',function () {
    goto_link_level = this.getAttribute('value');
    changeLink();
},false);
document.getElementsByClassName('group-2').addEventListener('click',function () {
    goto_link_category = this.getAttribute('value');
    changeLink();
},false);

これにより、選択したオプションの値に基づいて相対リンクが生成されます。例：「/レベル-1/追加」

免責事項: コードはテストされていませんが、動作するはずです

Answer 2

これは、ラジオまたはチェックボックスがチェックされているかどうかを確認する簡単な if です。独自のメソッドを使用してそれらを反復処理できます (おそらく、すべてのクラスを作成し、1 つずつチェックしてから、チェックされたものを返すことでしょうか?)。しかし、checkedはそのチェック済みステータスのブール値を返します。

if(document.getElementByID('Level 1').checked){
    //do stuff here
}