html - 異なるフィールドセットのラジオ ボタンをグループ化しますか?

Question

異なるフィールドセットのラジオ ボタンを論理的にグループ化する (つまり、1 つの選択のみを許可する) 簡単なメカニズムはありますか?

Answer 1

あなたが彼らに同じname属性を与えるならば、それはそれをするべきです。

Answer 2

同じ問題がありましたが、jQuery Mobile の制限に従ってフィールドセットを移動できませんでした。したがって、jQuery を使用して、チェックボックスを使用してラジオを模倣しました。

// add click to all checkboxes
$(':checkbox').click(function(){
    // select all checkboxes with same name that are checked but not(this) 
    $(":checkbox[name='"+$(this).attr("name")+"']:checked").not(this).each(function(){
        // uncheck them - call checkboxradio("refresh") to update changes visually
        $(this).attr('checked', false).checkboxradio("refresh");
    });
});

これはラジオでも問題なく機能します。jQuery Mobile を使用しない場合は、.checkboxradio を省略する必要があります。これは、チェックボックス/ラジオボタンが同じ名前でグループ化されることも前提としています。

each() ブロックでやりたいことがいくつかありました。その要件がない場合は、短いバージョンが可能です。

$(":checkbox[name='"+$(this).attr("name")+"']:checked").not(this).attr('checked', false).checkboxradio('refresh');