ボタンを直接クリックせずに、グループにラジオボタンを設定しようとしています。目的はjQueryページを開くことであり、保存された値に応じて関連するラジオボタンを設定する必要があります。私は同様の記事をたくさん読んで、これの解決策を試しましたが、私の場合は誰もうまくいきません。ユースケースを示すために jsfiddle を作成しました: http://jsfiddle.net/yZejX/2/。
HTML:
<input type="radio" name="test" id="radio-choice-1" value="3">Test1</input>
<br>
<input type="radio" name="test" id="radio-choice-2" value="4">Test2</input>
<br>
<input type="radio" name="test" id="radio-choice-3" value="5">Test3</input>
JS:
// try to set the attribute directly
$("#radio-choice-1").attr('data-icon','radio-on');
$("#radio-choice-2").attr('data-icon','radio-off');
$("#radio-choice-3").attr('data-icon','radio-off');
// try to set via click event
$("#radio-choice-2").click();
// try to set via changing attribute and call change event to update
$("#radio-choice-2").attr('checked','checked').change();
// try to set via reset checked element and changing attribute
$("input[name='test']:checked").removeAttr('checked');
$("input[name='test'][value='3']").attr('checked',true).change();
$("input[name='test'][value='3']").attr('checked','checked').change();
私が何を間違えたのか、どこに間違いがあるのか、誰かが分かりますか?
よろしくお願いいたします。