javascript - 合并 2 个单选按钮组？

Question

我有两个单选按钮组，它们应该是一组。

我需要群组中的一名成员拥有与其他成员不同的name=""。 所以这个成员没有与其他成员分组，但我也需要将他们分组。

一名成员具有不同的名称，但仍需要分组。 (两组中只能选中一个单选按钮)

HTML:

Type: 
Web<input type="radio" name="moep" id="web" checked="checked"> 
Images<input type="radio" name="tbm" id="img" value="isch"> 
Videos<input type="radio" name="tbm" id="videos" value="vid">
News<input type="radio" name="tbm" id="news" value="nws">
Places<input type="radio" name="tbm" id="places" value="plcs"><br />

JS(在外部文件中，如果这是相关的，则不应该，对吧？):

$(document).ready(function () {
    $('input[name="tbm"]').change(function() {
        $('input[name="moep"]').prop('checked', false);
    });
    $('input[name="moep"]').change(function() {
        $('input[name="tbm"]').prop('checked', false);
    });
});​

我尝试了几种不同的方法，但单个 name="moep"被选中(默认情况下)，并且所有其他按钮完全独立于它。

有什么想法吗？

提前致谢:)

Answer 1

在此代码中，您将取消选中两个组中的所有单选按钮，已更改的单选按钮除外。

$('input[name="tbm"],input[name="moep"]').change(function () {
    $('input[name="tbm"],input[name="moep"]')
        .not($(this))
        .prop('checked', false);
});

演示:http://jsfiddle.net/nabil_kadimi/awcwgq1v/