jQueryを使用して選択したラジオボタンを動的に変更する方法

Question

ラジオボックスの行がいくつかあり、それぞれ4つのオプション、1,2,3、および空白の値があるとします。この場合

<input name="addons_1[23]" type="radio" value="1" /> 
<input name="addons_1[23]" type="radio" value="2" /> 
<input name="addons_1[23]" type="radio" value="3" /> 
<input name="addons_1[23]" type="radio" value="" /> 

<input name="addons_1[32]" type="radio" value="1" /> 
<input name="addons_1[32]" type="radio" value="2" /> 
<input name="addons_1[32]" type="radio" value="3" /> 
<input name="addons_1[32]" type="radio" value="" /> 

<input name="addons_1[45]" type="radio" value="1" /> 
<input name="addons_1[45]" type="radio" value="2" /> 
<input name="addons_1[45]" type="radio" value="3" /> 
<input name="addons_1[45]" type="radio" value="" /> 

<input name="addons_1[46]" type="radio" value="1" /> 
<input name="addons_1[46]" type="radio" value="2" /> 
<input name="addons_1[46]" type="radio" value="3" /> 
<input name="addons_1[46]" type="radio" value="" /> 

<input name="addons_1_noneed" id="addons_1_noneed" type="checkbox" /><label for="addons_1_noneed">Addons not needed.</label> 

、私は最後（ID = addons_1_noneed）での入力チェックボックスがONにチェックされたとき、私はradioboxes（それらのすべてを）持っていると思いますように、第四のahveするためにそれを設定したいです1つはチェックされています（value = ""）。コードに基づいて、私はそれを空でない値に変更することはできません。

だから私は＃addons_1_noneed要素に添付クリック機能に以下の機能を試してみました機能：

$('#addons_1_noneed').click(function(){ 
    $("input[name='addons_1[]'] option[value='']").each(function({ 
     $(this).attr("selected","selected"); 
    }); 
}); 

は動作しませんでした。

$('#addons_1_noneed').click(function(){ 
    $("input[name='addons_1[]']").each(function({ 
     $(this).val(''); 
    }); 
}); 

どちらも機能しませんでした。

私には何が欠けていますか？

Answer 1

$(document).ready(function(){ 
    $('#addons_1_noneed').click(function(){ 
     if($(this).attr('checked')=="checked"){ 
      $('input:radio').attr('checked', true); 
     }else{ 
      $('input:radio').attr('checked', false); 
     } 

    }); 
}); 

デモ：http://jsfiddle.net/bNcRn/1/

Answer 2

var notesStatusValue = '<c:out value="${tradeMarkWatchReportSearchDto.notesStatusValue}"/>' ; 
     jq("input:radio[name=notes]").each(function(){ 
      if(jq(this).val() == notesStatusValue) { 
       jq(this).attr('checked','checked'); 
      } 
     }); 

<input type="radio" name="notes" id="notes" value="Y"> 
        <spring:message code="tm.report.search.added" text="DEBUG: Added" /> 
        <input type="radio" name="notes" id="notes" value="N"> 
        <spring:message code="tm.report.search.none" text="DEBUG: None" /> 
        <input type="radio" name="notes" id="notes" value="ignore"> 
        <spring:message code="tm.report.search.ignore" text="DEBUG: Ignore" />