на странице checkbox'ы при активации их и нажатии "ОК" должны появится поля ввода
Как сделать так чтобы при выборе checkbox'а и нажатии "Ок" потом появлялись поля ввода текста?
|
Цитата:
<html>
<head>
<title></title>
<script type="text/javascript">
function ch() {
var chb = document.getElementById("chbx").checked;
if (chb == true) {
document.getElementById("div").innerHTML += "<input type='text'>";
}
}
</script>
</head>
<body>
<input type="checkbox" id="chbx">Создать текстовые поля?<br><input type="button" onClick="ch()" value="Создать">
<div id="div"><input type="text"></div>
</body>
</html>
|
lord2kim,
что бы делать примеры с кнопкой запустить надо [html run] или [js run] |
Цитата:
|
<script>
function cb(arg, th){
check = th.checked;
if (check == true){
document.form.elements[arg].style.display = 'block';
}
else{
document.form.elements[arg].style.display = 'none';
}
}
</script>
<input type="checkbox" onclick='cb(0, this)'>Открыть первое поле?<br />
<input type="checkbox" onclick='cb(1, this)'>Открыть второе поле?<br />
<input type="checkbox" onclick='cb(2, this)'>Открыть третье поле?<br />
<input type="checkbox" onclick='cb(3, this)'>Открыть четвертое поле?<br />
<form name='form'>
<input type='text' style='display:none'><br />
<input type='text' style='display:none'><br />
<input type='text' style='display:none'><br />
<input type='text' style='display:none'><br />
</form>
|
lord2kim,
я думаю зачем нужны просто поля (если только к примеру для отправки мыла, но тогда просто input-ы не нужны) |
<form id="form">
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
</form>
<script>
window.onload = function () {
var form = document.getElementById('form');
form.onclick = function (e) {
e = e || event;
var target = e.target || e.srcElement;
if (target.type == 'checkbox') {
var next = target.nextSibling;
if (next && next.tagName == 'INPUT') {
if (next.style.display == 'inline') {
next.style.display = 'none';
} else {
next.style.display = 'inline';
}
} else {
var inp = document.createElement('input');
inp.style.display = 'inline';
this.insertBefore(inp, next);
}
}
}
}
</script>
|
вот такая страница, при нажатии на "Добавить критерии поиска" появляется список "По названию" "По автору" "По ключевым полям", выбираем нужное нажимаем "ок", появляются input'ы - это я сделал. Но как сделать чтобы при нажатии на крестик только это поле одно очищалось а не исчезали все поля? |
Вложений: 1
вот
|
<form id="form">
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
</form>
<script>
window.onload = function () {
var form = document.getElementById('form');
form.onclick = function (e) {
e = e || event;
var target = e.target || e.srcElement;
if (target.type == 'checkbox') {
var next = target.nextSibling;
if (next && next.tagName == 'DIV') {
if (next.style.display == 'inline') {
next.style.display = 'none';
} else {
next.style.display = 'inline';
}
} else {
var div = document.createElement('div');
div.style.display = 'inline';
div.innerHTML = '<input><span style="cursor: pointer" onclick="this.previousSibling.value=\'\'"> x</span>';
this.insertBefore(div, next);
}
}
}
}
</script>
|
| Часовой пояс GMT +3, время: 19:16. |