155 lines
8.6 KiB
Plaintext
155 lines
8.6 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SurveyForm.aspx.cs" Inherits="Education.MobileSurvey.SurveyForm" %>
|
||
<!DOCTYPE html>
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head runat="server">
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||
<title>滿意度調查 - 填寫問卷</title>
|
||
<link rel="stylesheet" type="text/css" href="MobileSurvey.css" />
|
||
</head>
|
||
<body>
|
||
<form id="form1" runat="server">
|
||
<asp:HiddenField ID="hf學員" runat="server" />
|
||
<asp:HiddenField ID="hf課程編號" runat="server" />
|
||
<div class="mobile-container">
|
||
<div class="mobile-header">
|
||
<span>填寫滿意度調查</span>
|
||
<asp:LinkButton ID="btnBack" runat="server" CssClass="header-link" OnClick="btnBack_Click" Text="返回" />
|
||
</div>
|
||
<div class="mobile-content">
|
||
<div class="card" style="background: #f8fbff;">
|
||
<div class="card-title">
|
||
<asp:Label ID="lb課程企劃" runat="server"></asp:Label>
|
||
</div>
|
||
<div class="card-subtitle">
|
||
學員：<asp:Label ID="lb學員" runat="server"></asp:Label>
|
||
</div>
|
||
</div>
|
||
|
||
<asp:DataList ID="DataList1" runat="server" OnItemCreated="DataList1_ItemCreated" OnItemDataBound="DataList1_ItemDataBound" Width="100%" EnableViewState="true">
|
||
<ItemTemplate>
|
||
<div class="section-title">
|
||
<asp:HiddenField ID="hf課程序號" runat="server" Value='<%# Bind("課程序號") %>' />
|
||
<asp:Label ID="lb課程名稱" runat="server"
|
||
Text='<%# String.Format("課程 {0}：{1}", Eval("節次"), Eval("課程名稱")) %>'></asp:Label>
|
||
</div>
|
||
<div class="radio-group">
|
||
<div class="question-text">1.課程的實用性 <span class="required-mark">*</span></div>
|
||
<asp:RadioButtonList ID="rbl1" runat="server" RepeatDirection="Vertical" CssClass="mobile-radio">
|
||
<asp:ListItem Text="非常滿意" Value="5"></asp:ListItem>
|
||
<asp:ListItem Text="滿意" Value="4"></asp:ListItem>
|
||
<asp:ListItem Text="普通" Value="3"></asp:ListItem>
|
||
<asp:ListItem Text="不滿意" Value="2"></asp:ListItem>
|
||
<asp:ListItem Text="非常不滿意" Value="1"></asp:ListItem>
|
||
</asp:RadioButtonList>
|
||
</div>
|
||
<div class="radio-group">
|
||
<div class="question-text">2.講師的授課方式 <span class="required-mark">*</span></div>
|
||
<asp:RadioButtonList ID="rbl2" runat="server" RepeatDirection="Vertical" CssClass="mobile-radio">
|
||
<asp:ListItem Text="非常滿意" Value="5"></asp:ListItem>
|
||
<asp:ListItem Text="滿意" Value="4"></asp:ListItem>
|
||
<asp:ListItem Text="普通" Value="3"></asp:ListItem>
|
||
<asp:ListItem Text="不滿意" Value="2"></asp:ListItem>
|
||
<asp:ListItem Text="非常不滿意" Value="1"></asp:ListItem>
|
||
</asp:RadioButtonList>
|
||
</div>
|
||
<div class="radio-group">
|
||
<div class="question-text">3.講師的專業知識 <span class="required-mark">*</span></div>
|
||
<asp:RadioButtonList ID="rbl3" runat="server" RepeatDirection="Vertical" CssClass="mobile-radio">
|
||
<asp:ListItem Text="非常滿意" Value="5"></asp:ListItem>
|
||
<asp:ListItem Text="滿意" Value="4"></asp:ListItem>
|
||
<asp:ListItem Text="普通" Value="3"></asp:ListItem>
|
||
<asp:ListItem Text="不滿意" Value="2"></asp:ListItem>
|
||
<asp:ListItem Text="非常不滿意" Value="1"></asp:ListItem>
|
||
</asp:RadioButtonList>
|
||
</div>
|
||
<div class="radio-group">
|
||
<div class="question-text">4.課程時數安排 <span class="required-mark">*</span></div>
|
||
<asp:RadioButtonList ID="rbl4" runat="server" RepeatDirection="Vertical" CssClass="mobile-radio">
|
||
<asp:ListItem Text="非常滿意" Value="5"></asp:ListItem>
|
||
<asp:ListItem Text="滿意" Value="4"></asp:ListItem>
|
||
<asp:ListItem Text="普通" Value="3"></asp:ListItem>
|
||
<asp:ListItem Text="不滿意" Value="2"></asp:ListItem>
|
||
<asp:ListItem Text="非常不滿意" Value="1"></asp:ListItem>
|
||
</asp:RadioButtonList>
|
||
</div>
|
||
</ItemTemplate>
|
||
<FooterTemplate>
|
||
<div class="section-title">其它評價</div>
|
||
<div class="radio-group">
|
||
<div class="question-text">1.行政服務品質 <span class="required-mark">*</span></div>
|
||
<asp:RadioButtonList ID="rbl1" runat="server" RepeatDirection="Vertical" CssClass="mobile-radio">
|
||
<asp:ListItem Text="非常滿意" Value="5"></asp:ListItem>
|
||
<asp:ListItem Text="滿意" Value="4"></asp:ListItem>
|
||
<asp:ListItem Text="普通" Value="3"></asp:ListItem>
|
||
<asp:ListItem Text="不滿意" Value="2"></asp:ListItem>
|
||
<asp:ListItem Text="非常不滿意" Value="1"></asp:ListItem>
|
||
</asp:RadioButtonList>
|
||
</div>
|
||
<div class="radio-group">
|
||
<div class="question-text">2.餐點及茶飲 <span class="required-mark">*</span></div>
|
||
<asp:RadioButtonList ID="rbl2" runat="server" RepeatDirection="Vertical" CssClass="mobile-radio">
|
||
<asp:ListItem Text="非常滿意" Value="5"></asp:ListItem>
|
||
<asp:ListItem Text="滿意" Value="4"></asp:ListItem>
|
||
<asp:ListItem Text="普通" Value="3"></asp:ListItem>
|
||
<asp:ListItem Text="不滿意" Value="2"></asp:ListItem>
|
||
<asp:ListItem Text="非常不滿意" Value="1"></asp:ListItem>
|
||
</asp:RadioButtonList>
|
||
</div>
|
||
<div class="radio-group">
|
||
<div class="question-text">3.場地滿意度 <span class="required-mark">*</span></div>
|
||
<asp:RadioButtonList ID="rbl3" runat="server" RepeatDirection="Vertical" CssClass="mobile-radio">
|
||
<asp:ListItem Text="非常滿意" Value="5"></asp:ListItem>
|
||
<asp:ListItem Text="滿意" Value="4"></asp:ListItem>
|
||
<asp:ListItem Text="普通" Value="3"></asp:ListItem>
|
||
<asp:ListItem Text="不滿意" Value="2"></asp:ListItem>
|
||
<asp:ListItem Text="非常不滿意" Value="1"></asp:ListItem>
|
||
</asp:RadioButtonList>
|
||
</div>
|
||
<div class="radio-group">
|
||
<div class="question-text">4.對整體活動表現 <span class="required-mark">*</span></div>
|
||
<asp:RadioButtonList ID="rbl4" runat="server" RepeatDirection="Vertical" CssClass="mobile-radio">
|
||
<asp:ListItem Text="非常滿意" Value="5"></asp:ListItem>
|
||
<asp:ListItem Text="滿意" Value="4"></asp:ListItem>
|
||
<asp:ListItem Text="普通" Value="3"></asp:ListItem>
|
||
<asp:ListItem Text="不滿意" Value="2"></asp:ListItem>
|
||
<asp:ListItem Text="非常不滿意" Value="1"></asp:ListItem>
|
||
</asp:RadioButtonList>
|
||
</div>
|
||
</FooterTemplate>
|
||
</asp:DataList>
|
||
|
||
<div class="section-title">建議與心得</div>
|
||
<div class="form-group">
|
||
<label>針對未來相關課程，煩請提供建議以做為我們後續課程之規劃。</label>
|
||
<asp:TextBox ID="txt建議" runat="server" TextMode="MultiLine" Rows="5" Style="width: 100%;"></asp:TextBox>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="required">上課心得摘要(200字~500字內)</label>
|
||
<asp:TextBox ID="txt心得" runat="server" TextMode="MultiLine" Rows="5" Style="width: 100%;"></asp:TextBox>
|
||
</div>
|
||
|
||
<div class="mt-20">
|
||
<asp:LinkButton ID="btnSave" runat="server" CssClass="btn btn-primary" OnClick="btnSave_Click" Text="確定儲存" />
|
||
</div>
|
||
<div class="mt-10">
|
||
<asp:Label ID="lbMessage" runat="server" CssClass="error-message" EnableViewState="false"></asp:Label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
var tds = document.querySelectorAll('.radio-group table td');
|
||
for (var i = 0; i < tds.length; i++) {
|
||
tds[i].addEventListener('click', function(e) {
|
||
if (e.target.tagName === 'INPUT' || e.target.tagName === 'LABEL') return;
|
||
var inp = this.querySelector('input[type="radio"]');
|
||
if (inp) inp.checked = true;
|
||
});
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|