结合2个单选按钮组?

时间:2014-11-14 08:15:32

标签: javascript jquery radio-button radio-group

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

我需要该组中的一名成员拥有另一名成员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);
    });
});​

我尝试了几种不同的方法,但是检查了单个名称=“moep”(默认情况下),所有其他按钮都是独立的。

有什么想法吗?

提前致谢:)

1 个答案:

答案 0 :(得分: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/