ВУЗ:
Составители:
Рубрика:
37
}
function Check2Clicked(){
document.getElementById("TextBox").value="Выбран флажок2!";
}
function Check3Clicked(){
document.getElementById("TextBox").value="Выбран флажок3!";
}
function Check4Clicked(){
document.getElementById("TextBox").value="Выбран флажок4!";
}
function Check5Clicked(){
document.getElementById("TextBox").value="Выбран флажок5!";
}
</script>
</head><body>
<h1>Выберите флажок</h1>
<table border bgcolor = "cyan" width = "200">
<tr><th><input type="checkbox" name="Check1"
onClick="Check1Clicked()"> Флажок 1 </th></tr>
<tr><th><input type="checkbox" name="Check2"
onClick = "Check2Clicked()"> Флажок 2 </th></tr>
<tr><th><input type="checkbox" name="Check3"
onClick ="Check3Clicked()"> Флажок 3 </th></tr>
<tr><th><input type="checkbox" name="Check4"
onClick="Check4Clicked()"> Флажок4</th></tr>
<tr><th><input type="checkbox" name="Check5"
onClick="Check5Clicked()"> Флажок5</th></tr> </table>
<input type="text" id="TextBox" Size="30">
</body></html>
Пример 4.
Установить на Web-странице раскрывающийся список выбора с пятью опциями,
имеющими названиями "Опция1", "Опция2", "Опция3", "Опция4" и "Опция5", а также
текстовое поле для отображения выбранной опции. Далее приведены фрагменты
страницы:
........................
<script>
function SelectClicked(){
document.getElementById("TextBox").value="Вы выбрали опцию " +
(document.getElementById("Select1").selectedIndex+1);
}
</script>
} function Check2Clicked(){ document.getElementById("TextBox").value="Выбран флажок2!"; } function Check3Clicked(){ document.getElementById("TextBox").value="Выбран флажок3!"; } function Check4Clicked(){ document.getElementById("TextBox").value="Выбран флажок4!"; } function Check5Clicked(){ document.getElementById("TextBox").value="Выбран флажок5!"; }Выберите флажок
Флажок 1 |
---|
Флажок 2 |
Флажок 3 |
Флажок4 |
Флажок5 |