类似与sina那些网站的在线调查怎么实现的（包括单选 多选）？

Question

rt

Answer 1

把它的HTML+CSS+JS全部扒下来吧

Answer 2

我做过一个
单选的时候 input type='radio'
多选的时候使用 input type='checkbox'
然后通过后台拼写的方法实现~
选项可以通过 从表中读入的方式~~
string HTML = "";
               Html += @"<!--productSort begin-->
<div class='invest'>
<div class='title'><h3>标题</h3></div>
<div class='cont'>
<ul>
<li class='th'>" + info1.strTitle + "</li>";
                result = Convert.ToString(info1.strOptionContent);
                options = result.Split('|');
                for (int i = 0; i < options.Length - 1; i++)
                {
                    if (options[i] != "")
                    {
                        length = length + 1;
                        if (info1.intResearchType != null)
                        {
                            if (info1.intResearchType == 0)//若为单选
                            {
                                Html += @"<li><input type='radio' name='invest-result' value='' id='option" + i + "' /><label for='option" + i + "'>" + options[i] + "</label></li>";
                            }
                            else//若为多选
                            {
                                Html += @"<li><input type='checkbox' name='invest-result' value='' id='option" + i + "' /><label for='option" + i + "'>" + options[i] + "</label></li>";
                            }
                        }
                    }
                }
                if (info1.intAllowSee == 0)
                {
                    Html += @" <li class='last'><input type='button' class='submit' value='提交' onClick='CheckSelected()' /> <input type='button' class='result' value='查看结果' onClick='Redirect()' /> </li>";
                }
                else
                {
                    Html += @" <li class='last'><input type='button' class='submit' value='提交' onClick='CheckSelected()' /> <input type='button' class='result' value='查看结果' onClick='Redirect()' style='display:none' /> </li>";
                }
                Html+=@"
</ul>
</div>
</div>
<!--productSort end-->";

Answer 3

怎么知道前台点那个radiobutton了
多选呢？

Answer 4

可以把我的那个代码通过<%=Html %>拼到前台啊？？    <script type="text/javascript" language="javascript">
         function CheckSelected()
           {
    var chks = document.getElementsByTagName("input");
var a =new Array();
var j;
    for(i=0;i<chks.length;i++)
    {
        if(chks[i].checked&&(chks[i].type=="checkbox"||chks[i].type=="radio"))
        {
          for(j=i;j<i+1;j++)
           {
            a[j]=i;
            }
        }
    }
    alert(a);
    if(a!="")
    {
       location.href='Research.aspx?Edit='+a;
     }
     else
     {
       alert('请先选择选项后再提交！');
       return false;
     }
    }function Redirect()
{
      location.href='aa.aspx?EditID='+<%=intID %>;return false;
}
    </script>在aa页处理~~

Answer 5

恩，做过一次！我使用的是绑定时判断是多选或单选还是输入   <asp:Repeater ID="repTopic" runat="server" OnItemDataBound="repTopic_ItemDataBound">
                                    <ItemTemplate>
                                        <%# Container.ItemIndex + 1%>
                                        、<%#Eval("TTopic") %><br />
                                        <asp:HiddenField ID="hidTId" runat="server" Value='<%#Eval("Id") %>' />
                                        <asp:HiddenField ID="hidType" runat="server" Value='<%#Eval("TType") %>' />
                                        <asp:RadioButtonList ID="rbtnlOptions" runat="server" Visible="false">
                                        </asp:RadioButtonList>
                                        <asp:CheckBoxList ID="chklOptions" runat="server" Visible="false">
                                        </asp:CheckBoxList>
                                        &nbsp;
                                        <asp:TextBox ID="txtOptions" runat="server" Visible="false" TextMode="MultiLine"
                                            Width="350px" Height="100px"></asp:TextBox>
                                        &nbsp;
                                        <asp:Label ID="lblOptionsInfo" runat="server" Visible="false" Text="* 字数请在500字以内！"
                                            ForeColor="red"></asp:Label>
                                        <br />
                                    </ItemTemplate>
                                </asp:Repeater>绑定repTopic_ItemDataBound事件
 protected void repTopic_ItemDataBound(object sender, RepeaterItemEventArgs e)
    {
        if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
        {
            HiddenField hidTId = e.Item.FindControl("hidTId") as HiddenField;
            if (!string.IsNullOrEmpty(hidTId.Value))
            {
                List<Options> optionsList = indagateBll.GetOptionsListByIId(Convert.ToInt32(hidTId.Value));
                if (null != optionsList)
                {
                    HiddenField hidType = e.Item.FindControl("hidType") as HiddenField;
                    if (null != hidType)
                    {
                        string type = hidType.Value;
                        if (type.Equals("0"))
                        {
                            //单选
                            RadioButtonList rbtnlOptios = e.Item.FindControl("rbtnlOptions") as RadioButtonList;
                            rbtnlOptios.DataSource = optionsList;
                            rbtnlOptios.DataTextField = "Option";
                            rbtnlOptios.DataValueField = "Id";
                            rbtnlOptios.DataBind();
                            rbtnlOptios.Visible = true;
                        }
                        else if (type.Equals("1"))
                        {
                            //多选
                            CheckBoxList chklOptions = e.Item.FindControl("chklOptions") as CheckBoxList;
                            chklOptions.DataSource = optionsList;
                            chklOptions.DataTextField = "Option";
                            chklOptions.DataValueField = "Id";
                            chklOptions.DataBind();
                            chklOptions.Visible = true;
                        }
                        else
                        {
                            TextBox txtOptions = e.Item.FindControl("txtOptions") as TextBox;
                            txtOptions.Visible = true;
                            Label lblOptionsInfo = e.Item.FindControl("lblOptionsInfo") as Label;
                            lblOptionsInfo.Visible = true;
                        }
                    }
                }
            }
        }
    }