js判断gridview里的checkbox，选中某一行给他提示，取消选中也给他提示
在前台用js判断，比如我勾选了第二行的这个checkbox,提示“李宁鞋已被勾选”取消勾选提示“李宁鞋已取消勾选”！我的意思是，你对checkbox进行勾选时触发事件，刚...
在前台用js判断，比如我勾选了第二行的这个checkbox,提示“李宁鞋已被勾选”
取消勾选提示“李宁鞋已取消勾选”！
我的意思是，你对checkbox进行勾选时触发事件，刚加载时，什么都不会提示，当你对某一行的某一个checkbox进行勾选，弹出提示“这一行的某某（这一行的一个字段名的内容）值被选中” 展开
取消勾选提示“李宁鞋已取消勾选”！
我的意思是，你对checkbox进行勾选时触发事件，刚加载时，什么都不会提示，当你对某一行的某一个checkbox进行勾选，弹出提示“这一行的某某（这一行的一个字段名的内容）值被选中” 展开
3个回答
展开全部
前端：
<script language="javascript">
function Checked(id,text)
{
var checkBox = document.getElementById(id);
if(checkBox.checked == true)
{
alert(text + "已被勾选");
}
else
{
alert(text + "已取消勾选");
}
}
</script>
<asp:GridView ID="GridView1" runat="server"
onrowdatabound="GridView1_RowDataBound" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Text='<%#Bind("Name") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
后端：
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindData();
}
}
private void BindData()
{
DataTable dt = new DataTable();
dt.Columns.Add("Name", typeof(string));
DataRow dr = dt.NewRow();
dr["Name"] = "李宁鞋";
DataRow dr1 = dt.NewRow();
dr1["Name"] = "安踏鞋";
dt.Rows.Add(dr);
dt.Rows.Add(dr1);
GridView1.DataSource = dt;
GridView1.DataBind();
}
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
CheckBox checkBox1 = (CheckBox)e.Row.FindControl("CheckBox1");
checkBox1.Attributes.Add("onclick", "Checked('" + checkBox1.ClientID + "','" + checkBox1.Text + "');");
}
}
<script language="javascript">
function Checked(id,text)
{
var checkBox = document.getElementById(id);
if(checkBox.checked == true)
{
alert(text + "已被勾选");
}
else
{
alert(text + "已取消勾选");
}
}
</script>
<asp:GridView ID="GridView1" runat="server"
onrowdatabound="GridView1_RowDataBound" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Text='<%#Bind("Name") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
后端：
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindData();
}
}
private void BindData()
{
DataTable dt = new DataTable();
dt.Columns.Add("Name", typeof(string));
DataRow dr = dt.NewRow();
dr["Name"] = "李宁鞋";
DataRow dr1 = dt.NewRow();
dr1["Name"] = "安踏鞋";
dt.Rows.Add(dr);
dt.Rows.Add(dr1);
GridView1.DataSource = dt;
GridView1.DataBind();
}
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
CheckBox checkBox1 = (CheckBox)e.Row.FindControl("CheckBox1");
checkBox1.Attributes.Add("onclick", "Checked('" + checkBox1.ClientID + "','" + checkBox1.Text + "');");
}
}
更多追问追答
追问
你这个方法确实不错，但我要的是在前台完全用js写！
追答
function Checked()
{
var ele = event.srcElement;
if(ele.tagName == "INPUT" && ele.type == "checkbox")
{
var text = ele.parentElement.title;
if(ele.checked == true)
{
alert(text + "已被勾选");
}
else
{
alert(text + "已取消勾选");
}
}
}
' onclick="Checked();" ToolTip='' />
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function meth(obj){
if(obj.checked==true){
alert('李宁鞋已被勾选')
}else{
alert('李宁鞋已取消勾选')
}
}
</script>
</head>
<body>
<form>
<input type="checkbox" name="ch" value="1" onclick="meth(this)"/>1<br />
<input type="checkbox" name="ch" value="2" onclick="meth(this)" checked="checked"/>2<br />
<input type="checkbox" name="ch" value="3" onclick="meth(this)"/>3<br />
<input type="checkbox" name="ch" value="4" onclick="meth(this)"/>4<br />
</form>
</body>
</html>
有没有监听事件 兼容IE的代码啊
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function meth(obj){
if(obj.checked==true){
alert('李宁鞋已被勾选')
}else{
alert('李宁鞋已取消勾选')
}
}
</script>
</head>
<body>
<form>
<input type="checkbox" name="ch" value="1" onclick="meth(this)"/>1<br />
<input type="checkbox" name="ch" value="2" onclick="meth(this)" checked="checked"/>2<br />
<input type="checkbox" name="ch" value="3" onclick="meth(this)"/>3<br />
<input type="checkbox" name="ch" value="4" onclick="meth(this)"/>4<br />
</form>
</body>
</html>
有没有监听事件 兼容IE的代码啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function OnTreeNodeChecked()
{
var ele = event.srcElement;
if (ele.type == 'checkbox') {
var checkBoxs = document.getElementsByTagName('INPUT');
var len = checkBoxs.length;
for (var i = 0; i < len; i++) {
if (checkBoxs[i].type == 'checkbox') {
if (checkBoxs[i].checked == true)
{
alert("李宁鞋已被勾选");
}
else
{
alert("李宁鞋已取消勾选");
}
}
}
}
}
试试看看行不行
{
var ele = event.srcElement;
if (ele.type == 'checkbox') {
var checkBoxs = document.getElementsByTagName('INPUT');
var len = checkBoxs.length;
for (var i = 0; i < len; i++) {
if (checkBoxs[i].type == 'checkbox') {
if (checkBoxs[i].checked == true)
{
alert("李宁鞋已被勾选");
}
else
{
alert("李宁鞋已取消勾选");
}
}
}
}
}
试试看看行不行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
