当checkbox选中时，旋钮才能点击。checkbox没有被选中时，按钮为不能点击的状态
日期：2014-05-16 浏览次数：20454 次
当checkbox选中时，按钮才能点击。checkbox没有被选中时，按钮为不能点击的状态
这段代码都是在网上当下来的，本人略有修改，实在不会了，求帮忙！！！
最终效果：就餐时间段、就餐人数只有同时都只选择一个的时候 “提交”按钮才可以点击 其他情况都是灰色的。
代码 ：
<html>
<head>
<title>change BG color</title>
</head>
<Script Language="JScript">
function btnAction(){
alert(document.getElementById("xz").disabled);
alert(2);
}
function check(){
//判断checkbox有没有被选中
if(document.getElementById("ch").checked==true)
{
document.getElementById("xz").disabled="";//给BUTTON按钮的disabled属性赋值
}else
{
document.getElementById("xz").disabled="disabled";
}
}
function checkedThis(obj,name){
var boxArray = document.getElementsByName(name);
for(var i=0;i<=boxArray.length-1;i++){
if(boxArray[i]==obj && obj.checked){
boxArray[i].checked = true;
}else{
boxArray[i].checked = false;
}
}
}
</script>
<body>
就餐时间段
<input type="checkbox" name="test" onClick="checkedThis(this,'test');">早餐
<input type="checkbox" name="test" onClick="checkedThis(this,'test');">午餐
<input type="checkbox" name="test" onClick="checkedThis(this,'test');">晚餐------
就餐人数
<input type="checkbox" name="test1" onClick="checkedThis(this,'test1');">1-2人
<input type="checkbox" name="test1" onClick="checkedThis(this,'test1');">3-6人
<input type="checkbox" name="test1" onClick="checkedThis(this,'test1');">6-10人
<input type="button" value="提交" onClick="btnAction()" id="xz" disabled="disabled"/>
<input name="check" id="ch" type="checkbox" onClick="check()"/>
</body>
</html>
------解决方案--------------------
是单选的，改为radio不好吗？干嘛用checkbox
这段代码都是在网上当下来的，本人略有修改，实在不会了，求帮忙！！！
最终效果：就餐时间段、就餐人数只有同时都只选择一个的时候 “提交”按钮才可以点击 其他情况都是灰色的。
代码 ：
<html>
<head>
<title>change BG color</title>
</head>
<Script Language="JScript">
function btnAction(){
alert(document.getElementById("xz").disabled);
alert(2);
}
function check(){
//判断checkbox有没有被选中
if(document.getElementById("ch").checked==true)
{
document.getElementById("xz").disabled="";//给BUTTON按钮的disabled属性赋值
}else
{
document.getElementById("xz").disabled="disabled";
}
}
function checkedThis(obj,name){
var boxArray = document.getElementsByName(name);
for(var i=0;i<=boxArray.length-1;i++){
if(boxArray[i]==obj && obj.checked){
boxArray[i].checked = true;
}else{
boxArray[i].checked = false;
}
}
}
</script>
<body>
就餐时间段
<input type="checkbox" name="test" onClick="checkedThis(this,'test');">早餐
<input type="checkbox" name="test" onClick="checkedThis(this,'test');">午餐
<input type="checkbox" name="test" onClick="checkedThis(this,'test');">晚餐------
就餐人数
<input type="checkbox" name="test1" onClick="checkedThis(this,'test1');">1-2人
<input type="checkbox" name="test1" onClick="checkedThis(this,'test1');">3-6人
<input type="checkbox" name="test1" onClick="checkedThis(this,'test1');">6-10人
<input type="button" value="提交" onClick="btnAction()" id="xz" disabled="disabled"/>
<input name="check" id="ch" type="checkbox" onClick="check()"/>
</body>
</html>
------解决方案--------------------
是单选的，改为radio不好吗？干嘛用checkbox
- HTML code
<html>
<head>
<title>change BG color</title>
</head>
<script type="text/javascript"><!---这里要这样写，不要用language，如果用要设置为javascript，而不是jscript，jscript是IE的东东---->
function btnAction() {
alert(document.getElementById("xz").disabled);
alert(2);
}
function check() {
//判断checkbox有没有被选中
if (document.getElementById("ch").checked == true) {
document.getElementById("xz").disabled = ""; //给BUTTON按钮的disabled属性赋值
} else {
document.getElementById("xz").disabled = "disabled";
}
}
function checkedThis(obj) {
var test = document.getElementsByName('test'), test1 = document.getElementsByName('test1'), i, j, num = [0, 0];
for (i = 0, j = test.length; i < j; i++) if (test[i].checked) num[0]++;
for (i = 0, j = test1.length; i < j; i++) if (test1[i].checked) num[1]++;
if (num[0] == 1 && num[1] == 1) document.getElementById('xz').disabled = false;
else document.getElementById('xz').disabled = true;
}
</script>
<body>
就餐时间段
<input type="checkbox" name="test" onClick="chec
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
