读书人

Ajax获取的数据,用checkbox展示,怎么进

发布时间: 2012-03-25 20:55:17 作者: rapoo

Ajax获取的数据,用checkbox展示,如何进行全选操作
该操作所需要的数据是全国的区域信息
我通过ajax将数据获取到,将所有的省份添加到select中,再通过ajax对select的onchange事件获取市级区域,
将市级信息,用input的checkbox填充到一个table中,
页面上有一个input checkbox全选.如何才能通过页面的全选按钮,将ajax获取的市级信息选中.
我用getElementByName获取不到...求帮助~~~

[解决办法]
可以用这个来实现attr 用他进行全选和反选
[解决办法]
可以试试jquery
jquery不一定非要通过id来选在元素,jquery的选择器很丰富的。
[解决办法]
getElementsByName 可以获取所有<input>标签,再从中过滤出想要的checkbox
[解决办法]
用gridview控件:
1、显示checkbox: <asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="chkCheck" runat="server" />
</ItemTemplate>
</asp:TemplateField>
2、后天代码:
//全选或者全不选。
protected void but_SelectAll_Click(object sender, EventArgs e)
{
bool bAllSelect = true;
//第一次触发事件。
if (this.but_SelectAll.Text == "全选")
{
bAllSelect = true;
this.but_SelectAll.Text = "全不选";
}
else
{
bAllSelect = false;
this.but_SelectAll.Text = "全选";
}
for (int i = 0; i < this.GridView1.Rows.Count; i++)
{
CheckBox cb_Q = (CheckBox)this.GridView1.Rows[i].FindControl("chkCheck");
if (bAllSelect)
{
cb_Q.Checked = true;
}
else
{
cb_Q.Checked = false;
}
}
}
[解决办法]
// 改变某一个div中的checkbox控件的选中状态:
// divId:包含checkbox的div容器
// state:true或false,表示要勾选还是取消
// 调用方法,比如:setCheckBoxStateWithinDiv('xxxx', true); // xxxx下的checkbox全部选中
function setCheckBoxStateWithinDiv(divId, state) {
var div = document.getElementById(divId);
var inputs = div.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == 'checkbox')
inputs[i].checked = state;
}
}
[解决办法]
某个div里包含的checkbox
var a=document.getElementById(divid).getElementsByTagName("input");
for(var i=0;i<a.length;i++)
{
if(a[i].type=="checkbox")
{
这里是你的处理代码
}
}
[解决办法]

JScript code
        var input = document.getElementsByTagName("input");        for (var i = 0; i < input.length; i++)        {            if (input[i].type == "checkbox")                input[i].checked = true;        }
[解决办法]
探讨

全选用的$("input[name='area']").attr('checked',true)

[解决办法]
getElementsByName 可以获取所有<input>标签,再从中过滤出想要的checkbox
[解决办法]
$("input[type="checkbox"]")获取页面上的checkbox元素
$("input:checked")获取页面上选中的元素
$("input[type="checkbox"]").attr("checked","checked")进行全选


反选的话可以用attr("checked",false)或者removeAttr("checked")
[解决办法]

C# code
<script> $('.check-all').click(//css包含check-all的。LZ应该能看懂吧。            function () {              $("#table_mark").find("input[type='checkbox']").attr('checked', $(this).is(':checked'));            }        );</script><table id="table_mark"><tr><td style="width:25px; text-align:center;"><input class="check-all" type="checkbox" /></td></tr><tr><td style="width:25px; text-align:center;"><input name="ck_box" value="1" type="checkbox" /></td></tr><tr><td style="width:25px; text-align:center;"><input name="ck_box" value="1" type="checkbox" /></td></tr><tr><td style="width:25px; text-align:center;"><input name="ck_box" value="1" type="checkbox" /></td></tr><tr><td style="width:25px; text-align:center;"><input name="ck_box" value="1" type="checkbox" /></td></tr>
[解决办法]
jquery-1.4.2.min.js
http://ishare.iask.sina.com.cn/f/8869014.html
下载后引用。然后复制我给你的JS。

jquery很强大的。LZ多去网上查查怎么用吧。对以后很有帮助。

读书人网 >asp.net

热点推荐