วันอังคารที่ 11 มิถุนายน พ.ศ. 2556

javascript แสดงหน้าต่าง confirm ที่มีเงื่อนไขแบบลูกทุ่ง

  • มี 3 CheckBox
  • 1 Button 
  • 1 Html Input Text (เอาไว้เก็บค่า)
ต้องการ
   1. ถ้าไม่คลิกเลยเวลากดป่ม Button ให้แสดง alert('คุณยังไม่ได้เลือก') ข้อความพร้อมปุ่ม OK อันเดียว

   2. ถ้าคลิ๊กเลือก x อันให้เมื่อกดปุ่ม Button ให้แสดง confirm('คุณต้องการเลือก X อันใช่ใหม ?') ข้อความพร้อมปุ่ม OK และ Cancel

Code html
   <p>      
   <asp:CheckBox ID="CheckBox1" onclick ="checkboxAction();" runat="server" />
    &nbsp;
    <input id="Text1" type="text" /></p>
    <p>
        <asp:CheckBox ID="CheckBox2" onclick ="checkboxAction();" runat="server" />
    &nbsp;&nbsp;
        </p>
    <p>
        <asp:CheckBox ID="CheckBox3" onclick ="checkboxAction();" runat="server" />
&nbsp;</p>
    <p>
        &nbsp;
        <asp:Button ID="Button1" runat="server" Text="Button" />
    </p>


javascript 2 function
<script language="javascript" type="text/javascript">
      function checkboxAction() {
        var chk1 = document.getElementById('<%=CheckBox1.ClientID%>');
        var chk2 = document.getElementById('<%=CheckBox2.ClientID%>');
        var chk3 = document.getElementById('<%=CheckBox3.ClientID%>');
        var txt = document.getElementById('Text1');

        if (chk1.checked)
            a1 = 1;
        else
           a1 = 0;      /// lab1.innerHTML = parseInt(lab1.innerHTML) + 1

        if (chk2.checked)
            a2 = 1;
        else
            a2 = 0;

        if (chk3.checked)
            a3 = 1;
        else
            a3 = 0;
        txt.value = a1 + a2 + a3; //// lab1.innerHTML = a1 + a2 + a3;
    }

    function confirmalert(){
        if (document.getElementById('Text1').value == 0) {
            alert('คุณยังไม่ได้เลือก');
            return false;
        }
        else {
            return confirm('คุณต้องการเลือก ' + document.getElementById('Text1').value + ' อันใช้ใหม ?');
        }
    }
 </script>

ใน Form_Load
 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Not IsPostBack Then
            Dim sConfirm As String = "return confirmalert();"
            Button1.Attributes.Add("OnClick", sConfirm)
        End If

    End Sub

ไม่มีความคิดเห็น:

แสดงความคิดเห็น