首页 > 代码库 > 复选框 按钮可点击
复选框 按钮可点击
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--复选框 按钮可点击-->
<!--<input type="checkbox" id="ckb" onclick="check()" />
<input type="button" disabled="disabled" value="http://www.mamicode.com/下一步" id="btn" />-->
<!--单选框选项切换-->
<!--<select size="7" style="width: 150px;" id="slt1">
<option value="http://www.mamicode.com/A">A</option>
<option value="http://www.mamicode.com/BBBBB">BBBBB</option>
<option value="http://www.mamicode.com/CC">CC</option>
<option value="http://www.mamicode.com/DDDDDDDDD">DDDDDDDDD</option>
<option value="http://www.mamicode.com/EEEE">EEEE</option>
</select>
<input type="button" value="http://www.mamicode.com/>>>>>" id="to_right" />
<input type="button" value="http://www.mamicode.com/<<<<<" id="to_left" />
<select size="7" style="width: 150px;" id="slt2"></select>-->
<!--日期时间选择-->
<select id=‘year‘ onchange="addDay()"></select>
<select id="month" onchange="addDay()"></select>
<select id="date"></select>
</body>
</html>
<script>
// <!--复选框 按钮可点击-->
// function check() {
// var ckb = document.getElementById(‘ckb‘);
// if(ckb.checked) {
// document.getElementById(‘btn‘).removeAttribute(‘disabled‘);
// } else {
// document.getElementById(‘btn‘).setAttribute(‘disabled‘,‘disabled‘);
// }
// }
// 单选框切换选项
// document.getElementById(‘to_right‘).onclick = function() {
// var slt1 = document.getElementById(‘slt1‘);
// var slt2 = document.getElementById(‘slt2‘);
// 拼接字符串方法
// var temp = ‘<option value="http://www.mamicode.com/‘ + slt1.value + ‘">‘ +
// slt1.value +
// ‘</option>‘;
// slt1.innerHTML = slt1.innerHTML.replace(temp, ‘‘)
// slt2.innerHTML += temp;
// 取对象方法
// var obj_temp = slt1.options[slt1.selectedIndex];
// slt2.appendChild(obj_temp);
// }
// 日期时间选择
var year_slt = document.getElementById(‘year‘);
var month_slt = document.getElementById(‘month‘);
var day_slt = document.getElementById(‘date‘);
var now = new Date();
now_year = now.getFullYear();
for(var i = now_year; i >= now_year - 70; i--) {
var opt_year = document.createElement(‘option‘);
opt_year.value = i;
opt_year.innerText = i;
year_slt.appendChild(opt_year);
}
for(var i = 1; i <= 12; i++) {
var opt_month = document.createElement(‘option‘);
opt_month.value = i;
opt_month.innerText = i;
month_slt.appendChild(opt_month);
}
function isRun(year) {
if((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
return 29;
} else {
return 28
}
}
function addDay() {
day_slt.innerHTML = ‘‘;
if(month_slt.value =http://www.mamicode.com/= 1 || month_slt.value == 3 || month_slt.value == 5 || month_slt.value == 7 || month_slt.value == 8 || month_slt.value == 10 || month_slt.value == 12) {
for(var i = 1; i <= 31; i++) {
var day = document.createElement(‘option‘);
day.value = i;
day.innerText = i;
day_slt.appendChild(day);
}
} else if(month_slt.value =http://www.mamicode.com/= 4 || month_slt.value == 6 || month_slt.value == 9 || month_slt.value == 11) {
for(var i = 1; i <= 30; i++) {
var day = document.createElement(‘option‘);
day.value = i;
day.innerText = i;
day_slt.appendChild(day);
}
} else {
for(var i = 1; i <= isRun(year_slt.value); i++) {
var day = document.createElement(‘option‘);
day.value = i;
day.innerText = i;
day_slt.appendChild(day);
}
}
}
</script>
复选框 按钮可点击
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。