SCRIPT - click 選項文字以選取 radio & checkbox

假始有一個 html page 長這樣

它的 html code

    


        

        
        
陰影
        
        
     
    

        

        
        
灰色樣板
        
        



    

        

        
        
藍色樣板
        
        



    

要讓點選選項文字就能選取前面的 radio or checkbox, js code 如下

/**
 * click 文字時, 觸發 checkbox
 */
$('.edge_style').click(function(e) {
    if ($('#shadow').attr('checked')) {
        $('#shadow').attr('checked', false);
    } else {
        $('#shadow').attr('checked', true);
    }
    // 接後續動作...
});

/**
 * click 文字時, 觸發 radio
 */
$('.layout_name').click(function(e) {
    var idx = $(this).attr('value');
    $("input[name='layout']").get(idx-1).checked = true;
    // 接後續動作...
});