<script type="text/javascript>
$("input[type=checkbox]").on('change', function() {
var val = this.value;
var dataSplit = val.split("_");
if (this.checked) {
var result = '<div id="div'+dataSplit[0]+'"><input type="radio" class="choosen" name="rdb" value="'+val+'" id="'+dataSplit[0]+'" /><label class="'+dataSplit[0]+'">'+dataSplit[1]+'</label><br /></div>';
$("#resultrdb").append(result);
}else{
$('#div'+dataSplit[0]).remove();
}
});
$("#btnsubmitIndustry").click(function(){
var n = $(".choosen").length;
var valPrimary = $(".choosen:checked").val();
var valSecondary = $(".choosen:not(:checked)").val();
var data='<ul>';
data += '<li>Primary = '+valPrimary+'</li><li>Secondary:'+valSecondary+'</li>';
data += '</ul>';
$("#result").html(data);
});
</script>
ここで、チェックされていないラジオの 1 つの値を取得できます。次に、ラジオ ボタンのチェックされていない別の値を取得するにはどうすればよいですか? 結果を動的にしたいのですが、ループを使用する必要があると思いますか? 例:ラジオが3つあり、1つがクリックされた場合、プライマリ(クリックされたラジオの値)、セカンダリ、およびサードのデータを結果に表示したい
どうも
フィドル = http://jsfiddle.net/F3muF/8/