체크 상자 버튼을 사용하여 HTML의 팝업 화면에 결과를 표시하는 방법

Question

체크 상자 버튼 선택 결과를 팝업 화면에 표시하려면 다음을 선택하십시오. 예 :A. 아래에서 A를 선택합니다. A. 에어컨 및 전자 . 식기 세척기. 버튼을 클릭하여 표시되는 "에어컨 및 식기 세척기를 선택했습니다"라는 팝업 화면에서 "표시"라고 말하고 싶습니다.

 <table name="BuyProduct" id ="BuyProduct_H" style="width:100%;" > 

     <tr>     
      <td class="auto-style2" colspan="3">1-&nbsp;&nbsp;&nbsp;&nbsp; What were the products that you bought?   </tr> 
     <tr> 
      <td class="auto-style53"></td> 
      <td colspan="2" class="auto-style54"> 
       <input id="cbconditioning" type="checkbox" onclick="Chosen()" />a. Air Conditioning</td> 
     </tr> 
     <tr> 
      <td class="auto-style28">&nbsp;</td> 
      <td colspan="2"> 
       <input id="cbradio" type="checkbox" onclick="Chosen()"/>b. TV Radio (TV, Home Theatre, etc.)</td> 
     </tr> 
     <tr> 
      <td class="auto-style28">&nbsp;</td> 
      <td colspan="2"> 
       <input id="cbrefrigeration" type="checkbox" onclick="Chosen()"/>c. Refrigeration</td> 
     </tr> 
     <tr> 
      <td class="auto-style28">&nbsp;</td> 
      <td colspan="2"> 
       <input id="cblaundry" type="checkbox" onclick="Chosen()"/>d. Laundry (Washer, Dryer, etc)</td> 
     </tr> 
     <tr> 
      <td class="auto-style28">&nbsp;</td> 
      <td colspan="2"> 
       <input id="cbdishwasher" type="checkbox" onclick="Chosen()" />e. Dishwasher</td> 
     </tr> 
     <tr> 
      <td class="auto-style28">&nbsp;</td> 
      <td colspan="2"> 
       <input id="cbtreatment" type="checkbox" onclick="Chosen()"/>f. Water Treatment (Water Dispencer)</td> 
     </tr> 
     <tr> 
      <td class="auto-style57"></td> 
      <td colspan="2" class="auto-style58"> 
       <input id="cbhousewares" type="checkbox" onclick="Chosen()"/>g. Small Housewares (Microwave, Kitchen appliances, etc.)<br /> 
      </td> 
     </tr> 
     <tr> 
      <td class="auto-style59"></td> 
      <td colspan="2" class="auto-style60"> 
       <input id="cbothers" type="checkbox" onclick="Chosen()"/>h. Others Please Specify</td> 
     </tr> 
     <tr> 
      <td class="auto-style28">&nbsp;</td> 
      <td class="auto-style51"></td> 
      <td> 
    <asp:TextBox ID="TextBox26" runat="server"></asp:TextBox> 
      </td> 
      <td> 
       &nbsp;</td> 
     </tr> 
     <tr> 
      <td class="auto-style28">&nbsp;</td> 
      <td colspan="2"> 
       &nbsp;</td> 
     </tr> 
     <input type="button" id="chosenlaunch" onclick="Chosen()" value="Equipments Purchased"/> 
     </table> 

이

내가 지금까지 근무 스크립트이지만, 모든 검사 결과를 포함 하나가 아닌 여러 개의 팝업을 보여줍니다

function Chosen() { 
     if (document.getElementById('cbconditioning').checked == true) { 
      alert("You Chose Air Conditioning"); 
     } 
     if (document.getElementById('cbradio').checked == true) { 
      alert("You Chose Radio"); 
     } 
     if (document.getElementById('cbrefrigeration').checked == true) { 
      alert("You Chose Refrigeration") 
     } 
     if (document.getElementById('cblaundry').checked == true) { 
      alert("You Chose Laundry") 
     } 
     if (document.getElementById('cbdishwasher').checked == true) { 
      alert("You Chose Dishwasher") 
     } 
     if (document.getElementById('cbtreatment').checked == true) { 
      alert("You Chose Treatment") 
     } 
     if (document.getElementById('cbhousewares').checked == true) { 
      alert("You Chose Housewares") 
     } 
     if (document.getElementById('cbothers').checked == true) { 
      alert("You Chose Others") 
     } 

    } 

Answer 1

당신은 JQuery와 대화 상자를 사용하여 그것을 달성 할 수 많은있다 방법은, 내가 여기 오히려 당신에게 링크를주고 내 코드를 포기하지 않을거야, 그냥 HTML로 불가능이

JQuery dialog