日期:2014-05-18  浏览次数:20439 次

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")进行全选