Element mit Attribut anzeigen

Question

<input type="radio" name="group2" test="one" value="Water"> Water
<input type="radio" name="group2" test="two" value="Beer"> Beer<br>

<div style="display: none" test="one">aaaaaaa</div>
<div style="display: none" test="two">bbbbbbb</div>
<div style="display: none" test="one">ccccccc</div>

Ich möchte: wenn ich auf Radio Water mit Attribut test="one" klicke, dann sollen mir alle div mit Attribut test="one" angezeigt werden. Wie kann ich es mit jQuery machen?

LIVE: http://jsfiddle.net/hRCXV/

Answer 1

Versuchen Sie dies

jQuery(document).ready(function(){
    var yourAttributeName = 'test';
    var allDivs = jQuery('div['+yourAttributeName+']');

    jQuery('input['+yourAttributeName+']').click(function(){
        allDivs.hide().filter('[' + yourAttributeName + '=' +     jQuery(this).attr(yourAttributeName) + ']').show();    
    })
    //check the init checked
    .filter(':checked')
    //and fire click event to filter
    .click();
});