无法选中/取消选中手风琴小部件中的单选按钮

Question

我无法选中/取消选中Accordion小部件中的单选按钮。

这里是我的代码：

<SCRIPT LANGUAGE="JavaScript"> 
    $(function() { 
     $("#accordion").accordion(); 
    }); 
</SCRIPT> 

<div id="accordion" > 
    <input type="radio" id="worddoc" name="submissionType">Upload Word 
    <div> 
     <input type="file"/> 
    </div> 
    <input type="radio" id="pdfdoc" name="submissionType">Upload Pdf 
    <div> 
     <input type="file"/>    
    </div> 
</div> 

Answer 1

入住这

<SCRIPT LANGUAGE="JavaScript"> 
      $(function() { 
       $("#accordion").accordion(); 
      }); 
    </SCRIPT> 

<div id="accordion" > 
    <div> 
     <input type="radio" id="worddoc" name="submissionType"> Upload Word 
     <input type="file"/> 
    </div> 
    <div> 
     <input type="radio" id="pdfdoc" name="submissionType">Upload Pdf 
     <input type="file"/>    
    </div> 
</div> 

Answer 2

你只需要添加标题为每个手风琴选项，就像这样：

<div id="accordion" > 
    <h1>Option 1</h1> 
    <div> 
     <input type="radio" id="worddoc" name="submissionType" /> Upload Word 
     <input type="file"/> 
    </div> 
    <h1>Option 2</h1> 
    <div> 
     <input type="radio" id="pdfdoc" name="submissionType" />Upload Pdf 
     <input type="file"/>    
    </div> 
</div> 

<script> 
    $(function() { 
     $("#accordion").accordion(); 
    }); 
</script> 

看到这个JSFiddle。让我知道这是不是你的意思。