datalist里,有两个控件,先在想通过一个checkbox激发一个js事件,对比这两个控件的值,如果一样的话,背景不变,如果不一样,背景都变成红色<td style="border: 1px solid #C0C0C0; width: 40%; " id="td13" runat="server">
<asp:TextBox ID="TextBox1" runat="server" BorderStyle="None" Width="100%" ></asp:TextBox>
<asp:Label ID="Label1" runat="server" Text='<%#Eval("aaa")%>' Width="100%" ></asp:Label>
</td>其中textbox1可以由用户输入,label1的值已经从数据库中读取出来,请问怎么写这个js?
<asp:TextBox ID="TextBox1" runat="server" BorderStyle="None" Width="100%" ></asp:TextBox>
<asp:Label ID="Label1" runat="server" Text='<%#Eval("aaa")%>' Width="100%" ></asp:Label>
</td>其中textbox1可以由用户输入,label1的值已经从数据库中读取出来,请问怎么写这个js?
<script type="text/javascript">
function a() {
var datalist = document.getElementById("dgrid");
var name="";
for (var i = 1; i < datalist.rows.length; i++) {
name += datalist.rows[i].cells[0].innerText;
}
alert(name);
}
</script>
var txt= gv.getElementsByTagName("input");
for(var i=0;i<txt.length;i++)
{
}
var Array1s = document.getElementById("datalist1");
var textbox1values = document.getElementById("<%= TextBox1.ClientID %>").value;
var lbl1values = document.getElementById("<%= Label1.ClientID %>").value;
if(textbox1values != lbl1values )
{
document.getElementById("<%= TextBox1.ClientID %>").style.color = "Red";
document.getElementById("<%= Label1.ClientID %>").style.color = "Red";
} 试试行不行
<script type="text/javascript">
function a() {
var datalist = document.getElementById("dgrid");
for (var i = 1; i < datalist.rows.length; i++) {
if (datalist.rows[i].cells[2].innerText == datalist.rows[i].cells[7].innerText) {
datalist.rows.style.backgroundColor = "red";
}
}
}
</script>
var Array1s = document.getElementById("datalist1");
起什么作用,报错是找到textbox1和label1啊,他们在datalist1里面,能这个取到他们的值吗?
datalist不循环能拿到里面的值?
我这两个控件在同一列里
这一句注释掉,不用。 <script type="text/javascript" language="javascript">
function setstyle()
{
var textbox1values = document.getElementById("<%= TextBox1.ClientID %>").value;
var lbl1values = document.getElementById("<%= Label1.ClientID %>").value;
if(textbox1values != lbl1values )
{
document.getElementById("<%= TextBox1.ClientID %>").style.color = "Red";
document.getElementById("<%= Label1.ClientID %>").style.color = "Red";
}
}
</script>checkbox激发的js事件里调用setstyle方法即可
只是给你说说实现方法,你可以按照这样的方法去试试,你说的没有cells属性你自己百度下datalist是什么
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" >
function playsound()
{
//var tmp="<bgsound src='sound/newalert.wav' loop='1'></bgsound>";
//document.getElementById("HiddenField1").innerHTML=tmp;
//document.write(tmp);
}
function ReSize() {
var table_all = document.getElementById("table_all");
var table_height = parseInt(table_all.offsetHeight);
var td99 = document.getElementById("td99");
td99.style.height = table_height - 28 + "px";
}
window.onload=function()
{
ReSize();
}
window.onresize = function() {
ReSize();
}
function setfocus()
{
if(event.keyCode==13)
{
event.keyCode=9
}
} </script>
<link href="style.css" rel="Stylesheet" type="text/css" />
</head>
<body onkeydown="setfocus()">
<center>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table width="100%" height="100%" style="background-color:#bed6fa;" id="table_all">
<tr>
<td class="subtop">
<font style="padding:0px 5px 0px 10px">
<asp:DropDownList ID="DropDownList1"
runat="server" DataTextField="Word_Title"
DataValueField="Word_Title" AutoPostBack="True"
onselectedindexchanged="DropDownList1_SelectedIndexChanged"
CssClass="downlist">
</asp:DropDownList></font>
<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True"
onclick="a();" Text="Check"
style="font-size: 14px;" />
</td>
</tr>
<tr>
<td style="width:100%;background-color:#fff;font-size:2px;" valign="top"
id="td99" >
<div style="width: 100%; height: 100%; overflow: auto">
<asp:DataList ID="DataList1" runat="server"
onitemdatabound="DataList1_ItemDataBound">
<HeaderTemplate>
<tr style="font-size: 13px">
<td style="border: 1px solid #C0C0C0; font-weight: bold; background-color: #FFFFCC; width: 20%;">
顺序</td>
<td style="border: 1px solid #C0C0C0; font-weight: bold; background-color: #FFFFCC; width: 40%;">
提示</td>
<td style="border: 1px solid #C0C0C0; font-weight: bold; background-color: #FFFFCC; width: 40%;">
填写</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr style="font-size: 13px">
<td style="border: 1px solid #C0C0C0; font-weight: bold; background-color: #FFFFCC; width: 20%;" id="td11" runat="server">
<asp:Label ID="Label11" runat="server" Text='<%#Eval("Word_Order")%>'
Width="100%"></asp:Label>
</td>
<td style="border: 1px solid #C0C0C0; font-weight: bold; background-color: #FFFFCC;width: 40%;" id="td12" runat="server">
<asp:Label ID="Label12" runat="server" Text='<%#Eval("Word_First")%>' Width="100%"></asp:Label>
</td>
<td style="border: 1px solid #C0C0C0; width: 40%; " id="td13" runat="server">
<asp:TextBox ID="TextBox13" runat="server" BorderStyle="None" Width="100%" ></asp:TextBox>
<asp:Label ID="Label13" runat="server" Text='<%#Eval("Word_Two")%>' Width="100%" ></asp:Label>
</td> </tr>
</ItemTemplate>
</asp:DataList>
</div>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</center>
</body>
</html>
var tb = document.getElementById("datalist1");
var textBox = null,lable = null;
for(var i=1;i<tb.rows.length;i++){
for(var j=0;j<tb.rows[i].childNodes.length;j++){
if(tb.rows[i].childNodes[j].type == "text"){
textBox = tb.rows[i].childNodes[j];
}
if(tb.rows[i].childNodes[j].tagName == "span"){
lable = tb.rows[i].childNodes[j];
}
if(textBox != null && lable != null){
if(textBox.value != lable.innerText){
textBox.style.backgroundColor = "red";
lable.style.backgroundColor = "red";
}
}
}
}
}
function a() {
var datalist = document.getElementById("DataList1");
for (var i = 0; i < datalist.rows.length; i++) {
var lbl1 = "DataList1_ctl0" + i + "_Label2";
var lbl2 = "DataList1_ctl0" + i + "_Label3";
if (document.getElementById(lbl1).innerText == document.getElementById(lbl2).innerText) {
datalist.cells[i].style.backgroundColor = "red";
}
}
}
<asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
<asp:Label ID="Label2" runat="server" Text='<%# Eval("Status") %>'></asp:Label>
<asp:Label ID="Label3" runat="server" Text='<%# Eval("Status") %>'></asp:Label>
</ItemTemplate>
</asp:DataList>
var lbl1 = "DataList1_ctl0" + i + "_Label2";
var lbl2 = "DataList1_ctl0" + i + "_Label3";
这两个右键看看生成的html是什么