Radio Düğmesi

by Akram kamal

HTML

<form method="post" action="" name="product_details">
        <div id="frame_style">          
            <input type="radio" name="frame_style" value="1" />
            <input type="radio" name="frame_style" value="3" />
            <input type="radio" name="frame_style" value="11" />
            <input type="radio" name="frame_style" value="24" />
            <input type="radio" name="frame_style" value="25" />25
            <input type="radio" name="frame_style" value="27" />
            <input type="radio" name="frame_style" value="2" />
            <input type="radio" name="frame_style" value="8" />
            <input type="radio" name="frame_style" value="45" />
            <input type="radio" name="frame_style" value="77" />
            <input type="radio" name="frame_style" value="89" />
            <input type="radio" name="frame_style" value="13" />
        </div>
        <div id="lens_type">            
  
        </div>
        <div id="lens_style">           

        </div>
    </form>

JavaScript

var configurations = {
        "lens_types":{
                "25":{
                      "1":1,
                      "2":2,
                      "4":4,
                      "3":3}
        },
            "lenses":{
                "25":{
                      "1":{
                            "2":2,
                            "4":4,
                            "5":5,
                            "6":6,
                            "9":9,
                            "13":13},
                       "2":{
                            "4":4,
                            "5":5,
                            "6":6,
                            "13":13}
                }
            }
 }
  var siblings = { 
            "25":{
                  "1":{
                       "2":1744,
                       "4":1745,
                       "5":1747},
                       "6":1749,
                       "9":1752,
                       "13":1761},
                   "2":{
                       "4":1746,
                       "5":1748,
                       "6":1750,
                       "13":1762},
                   "4":{ 
                       "1":1753,
                       "3":1756,
                       "8":1759},
                   "3":{
                       "2":1754,
                       "3":1755,
                       "8":1757,
                       "9":1758,
                       "12":1760}
}


$('#frame_style input:radio').click(function(){
    $('#lens_type').empty();
    var val = $(this).val();
    for ( var ind in configurations['lenses'][val]){
       var input = '<input type="radio" name="lens_type" value="'+ind+'" >'+ind;
       $('#lens_type').append(input);
    }
});

$('#lens_type input:radio').live('click', function(){
    $('#lens_style').empty();
    var frame = $('#frame_style input:radio:checked').val();
    var val = $(this).val();
    for ( var ind in configurations['lenses'][frame][val]){
               var input = '<input...