我想在点击图片的时候把DataList里的一个影藏域控件的值赋给datalist外的一个隐藏域控件,脚本怎么实现?
前台代码:
<asp:DataList ID="DataList1" runat="server" RepeatColumns="3" OnItemCommand="DataList1_ItemCommand" DataKeyField="VWSCM_ID" OnItemDataBound="DataList1_ItemDataBound" HorizontalAlign="Center" RepeatDirection="Horizontal" >
<ItemTemplate>
<table cellpadding="0">
<tr>
<td align="center">
<img id="ImageButton1" src='<%#Eval("VWSCM__HeadURL") %>' width="100px" height="100px" alt ='<%#Eval("VWSCM_Name") %>' onclick="imgClick(this)" />
</td>
</tr>
<tr>
<td id="tdCellForRadio" align="center" runat="server">
<asp:HiddenField ID="hidID" runat="server" Value='<%# Eval("VWSCM_ID") %>' />
<asp:CheckBox id="chkChooseIt" runat="server" Text='<%# Eval("VWSCM_Name") %>' ForeColor="blue" onclick="getID(this)"/>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
<asp:HiddenField ID="txtIDS" runat="server"/>
把hidID的值赋给txtIDS。下面是前台相关的脚本:
function imgClick(obj2)
{
var oTable = obj2.parentElement.parentElement.parentElement;
var oInputs = oTable.getElementsByTagName("INPUT");
var inputs = document.all.tags("input");
var txtID=document.getElementById("<%=txtIDS.ClientID%>");
for(i = 0;i<inputs.length;i++)
{
if (inputs[i].type == "checkbox")
{
inputs[i].checked = false;
}
}
for(i = 0;i<oInputs.length;i++)
{
if (oInputs[i].type == "checkbox")
{
oInputs[i].checked=true;
}
}
}
function getID(obj)
{
if (checkForm(document.forms[0]))
{
var inputs = document.all.tags("input");//获取所有input标签并存放至inputs数组
for(i = 0;i<inputs.length;i++)
{
if (inputs[i].type == "checkbox")
{
inputs[i].checked = false;
}
}
obj.checked = true;
}
}
前台代码:
<asp:DataList ID="DataList1" runat="server" RepeatColumns="3" OnItemCommand="DataList1_ItemCommand" DataKeyField="VWSCM_ID" OnItemDataBound="DataList1_ItemDataBound" HorizontalAlign="Center" RepeatDirection="Horizontal" >
<ItemTemplate>
<table cellpadding="0">
<tr>
<td align="center">
<img id="ImageButton1" src='<%#Eval("VWSCM__HeadURL") %>' width="100px" height="100px" alt ='<%#Eval("VWSCM_Name") %>' onclick="imgClick(this)" />
</td>
</tr>
<tr>
<td id="tdCellForRadio" align="center" runat="server">
<asp:HiddenField ID="hidID" runat="server" Value='<%# Eval("VWSCM_ID") %>' />
<asp:CheckBox id="chkChooseIt" runat="server" Text='<%# Eval("VWSCM_Name") %>' ForeColor="blue" onclick="getID(this)"/>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
<asp:HiddenField ID="txtIDS" runat="server"/>
把hidID的值赋给txtIDS。下面是前台相关的脚本:
function imgClick(obj2)
{
var oTable = obj2.parentElement.parentElement.parentElement;
var oInputs = oTable.getElementsByTagName("INPUT");
var inputs = document.all.tags("input");
var txtID=document.getElementById("<%=txtIDS.ClientID%>");
for(i = 0;i<inputs.length;i++)
{
if (inputs[i].type == "checkbox")
{
inputs[i].checked = false;
}
}
for(i = 0;i<oInputs.length;i++)
{
if (oInputs[i].type == "checkbox")
{
oInputs[i].checked=true;
}
}
}
function getID(obj)
{
if (checkForm(document.forms[0]))
{
var inputs = document.all.tags("input");//获取所有input标签并存放至inputs数组
for(i = 0;i<inputs.length;i++)
{
if (inputs[i].type == "checkbox")
{
inputs[i].checked = false;
}
}
obj.checked = true;
}
}
function imgClick(obj2) {
var hidID = obj2.parentNode.parentNode.parentNode.childNodes[1].childNodes[0].childNodes[0].value;
...
}