<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>라디오버튼예제</title>

<script type="text/javascript">
function dispList(selectList) {
    var obj1 = document.getElementById("sc1_list"); // 상품1 리스트
    var obj2 = document.getElementById("sc2_list"); // 상품2 리스트 
    if( selectList == "0" ) { // 상품1 리스트
        obj1.style.display = "block";    
        obj2.style.display = "none";
        alert(    obj.style.display ) ;
    } else { // 상품2 리스트
        obj1.style.display = "none";
        obj2.style.display = "block";
    }
}
</script>

</head>

<body>

<input type="radio" name="choose" id="sc1" onclick="dispList('0');">상품1 리스트
<input type="radio" name="choose" id="sc2" onclick="dispList('1');">상품2 리스트
<br/>
<br/>
 
<div id="sc1_list" style="display:none">
1. 상품 1-1 <br/>
2. 상품 1-2 <br/>
3. 상품 1-3 <br/>
</div>
 
<div id="sc2_list" style="display:none">
1. 상품 2-1 <br/>
2. 상품 2-2 <br/>
3. 상품 2-3 <br/>
</div>

</body>
</html>