Javascript 选中一个或多个复选框时启用/禁用按钮
要做到这一点,我有一个javascript文件,用于计算表单中有多少复选框被选中,然后:Javascript 选中一个或多个复选框时启用/禁用按钮,javascript,html,Javascript,Html,要做到这一点,我有一个javascript文件,用于计算表单中有多少复选框被选中,然后: 如果未选中任何内容,这些按钮:更改、删除、重置密码将被禁用 如果选中其中一个,则将全部启用 如果选中两个或多个,则将禁用更改,其余更改仍将启用 但事实上,无论我做什么,他们都是残疾人,所以我想知道我在这里做错了什么。 这是我的密码: html: 挑选 用户ID 用户名 启用/禁用 开始日期 结束日期 00001 庄 使可能 年月日 年月日 00011 trangnt00914@fpt.edu.vn 使
- 如果未选中任何内容,这些按钮:更改、删除、重置密码将被禁用
- 如果选中其中一个,则将全部启用
- 如果选中两个或多个,则将禁用更改,其余更改仍将启用
挑选
用户ID
用户名
启用/禁用
开始日期
结束日期
00001
庄
使可能
年月日
年月日
00011
trangnt00914@fpt.edu.vn
使可能
年月日
年月日
00012
apgs1104@gmail.com
使可能
年月日
年月日
00013
聪聪_cambuagietchim@yahoo.
使可能
年月日
年月日
00014
apgs1234@gmail.com
使可能
年月日
年月日
00015
apgs1104@yahoo.com
使可能
年月日
年月日
00016
trang1104@gmail.com
使可能
年月日
年月日
和javascript:
var obj;
var count=0;
var Change = document.getElementsByName('Change_clicked')[0];
var Delete = document.getElementsByName('Delete_clicked')[0];
var Reset_password = document.getElementsByName('Reset_password_clicked')[0];
for (var i=0; i<tform.elements.length; i++) {
obj = tform.elements[i];
if (obj.type == "checkbox" && obj.checked) {
count++;
}
}
if(count==0){
Change.disabled=true;
Delete.disabled=true;
Reset_password.disabled=true;
}
if(count==1){
Change.disabled=false;
Delete.disabled=false;
Reset_password.disabled=false;
}
if(count>1){
Change.disabled=true;
Delete.disabled=false;
Reset_password.disabled=false;
}
var-obj;
var计数=0;
var Change=document.getElementsByName('Change_clicked')[0];
var Delete=document.getElementsByName('Delete_clicked')[0];
var Reset_password=document.getElementsByName('Reset_password_clicked')[0];
对于(var i=0;i1){
Change.disabled=true;
Delete.disabled=false;
重置密码。禁用=错误;
}
谢谢你的帮助 您的代码很好,您唯一错过的就是将其包装到函数中并添加事件处理程序
1) 对您的复选框使用onchange
事件处理程序
<input type="checkbox" onchange="fun()" name="userid[]" value="1"/>
示例:
<input type="checkbox" onchange="fun()" name="userid[]" value="1"/>
请看它在这方面的工作情况您的代码很好,这是您唯一没有将其包装到函数并添加事件处理程序的地方
1) 对您的复选框使用onchange
事件处理程序
<input type="checkbox" onchange="fun()" name="userid[]" value="1"/>
示例:
<input type="checkbox" onchange="fun()" name="userid[]" value="1"/>
请看它在这方面的工作情况您的代码很好,这是您唯一没有将其包装到函数并添加事件处理程序的地方
1) 对您的复选框使用onchange
事件处理程序
<input type="checkbox" onchange="fun()" name="userid[]" value="1"/>
示例:
<input type="checkbox" onchange="fun()" name="userid[]" value="1"/>
请看它在这方面的工作情况您的代码很好,这是您唯一没有将其包装到函数并添加事件处理程序的地方
1) 对您的复选框使用onchange
事件处理程序
<input type="checkbox" onchange="fun()" name="userid[]" value="1"/>
示例:
<input type="checkbox" onchange="fun()" name="userid[]" value="1"/>
请参见此功能正在工作,请尝试而不是使用:
<input type="submit" name="Change_clicked" disabled value="Change"/>
只需在元素中使用ID,因为它们只存在一次:
var Change = document.getElementsById('Change_clicked');
编辑:不使用onclick()
通过onChange()
触发函数,而使用@Praveen试试以下方法:
<input type="submit" name="Change_clicked" disabled value="Change"/>
只需在元素中使用ID,因为它们只存在一次:
var Change = document.getElementsById('Change_clicked');
编辑:不使用onclick()
通过onChange()
触发函数,而使用@Praveen试试以下方法:
<input type="submit" name="Change_clicked" disabled value="Change"/>
只需在元素中使用ID,因为它们只存在一次:
var Change = document.getElementsById('Change_clicked');
编辑:不使用onclick()
通过onChange()
触发函数,而使用@Praveen试试以下方法:
<input type="submit" name="Change_clicked" disabled value="Change"/>
只需在元素中使用ID,因为它们只存在一次:
var Change = document.getElementsById('Change_clicked');
编辑:不是通过onclick()
触发函数,而是通过onChange()
,这是完整的代码吗?您在单击复选框时从未执行javascript?这是完整的代码。我以为它会自动执行而不必调用它,我对javascript还不熟悉。谢谢,你的问题解决了我的问题。这是完整的代码吗?您在单击复选框时从未执行javascript?这是完整的代码。我以为它会自动执行而不必调用它,我对javascript还不熟悉。谢谢,你的问题解决了我的问题。这是完整的代码吗?您在单击复选框时从未执行javascript?这是完整的代码。我以为它会自动执行而不必调用它,我对javascript还不熟悉。谢谢,你的问题解决了我的问题。这是完整的代码吗?您在单击复选框时从未执行javascript?这是完整的代码。我以为它会自动执行而不必调用它,我对javascript还不熟悉。谢谢你,你的问题