- มี 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" />
<input id="Text1" type="text" /></p>
<p>
<asp:CheckBox ID="CheckBox2" onclick ="checkboxAction();" runat="server" />
</p>
<p>
<asp:CheckBox ID="CheckBox3" onclick ="checkboxAction();" runat="server" />
</p>
<p>
<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
ไม่มีความคิดเห็น:
แสดงความคิดเห็น