Применение псевдокласса :checked

@Exdns · Регистрация: 31.10.2013

Author24 — интернет-сервис помощи студентам

Создайте документ, в котором с помощью флажка задается информация, написал или нет студент контрольную работу. Если обе контрольные написаны, то в текстовое поле помещается слово ''зачет'', в остальных вариантах ''не зачтено''.

помогите решить задачу по СSS, пожалуйста.

@Ozick · 02.06.2016, 11:56

Exdns, CSS-то тебе зачем?

@Exdns · 02.06.2016, 12:00 **[ТС]**

не обязательно сss. я написал но не знаю как слово зачет и не зачет выводить

HTML5

<HTML>
<HEAD>
<TITLE>Экзамен</TITLE>
<SCRIPT LANGUAGE=“JavaScript">
<!-- // 
function grant (obj) 
{ var k=0;
  for (var i=0; i<=5; i++)
  if ((obj.elements[i]).checked)
    { k++}
  obj.res.value=k
}
//-->
</SCRIPT>
</HEAD> 
<BODY> 
<h3>Результаты</h3> 
укажите контрольные которые выполнилнены успешно: <BR>
<form name="form1">
  <input type="checkbox" name="test" value=t1>контрольная 1<BR>
  <input type="checkbox" name="test" value=t2>контрольная 2<BR>
  
<HR>
  <INPUT type="button" value=Результат onClick="grant(form1)"> <HR>
<input type="text" name="res" size=3>
зачет не зачет<HR>
  <INPUT type="reset" value="Отменить">
</form></BODY></HTML>

@Shakalaka · 02.06.2016, 12:11

Exdns,

HTML5

<div class="student">
  <p><b>ФИО:</b> Пупкин А. В.</p>
  <p>
    <label>Контрольная 1</label>
    <input type="checkbox" class="test1">
    <label>Контрольная 2</label>
    <input type="checkbox" class="test2">
    <span class="result"></span>
  </p>
</div>
<div class="student">
  <p><b>ФИО:</b> Васин А. Б.</p>
  <p>
    <label>Контрольная 1</label>
    <input type="checkbox" class="test1">
    <label>Контрольная 2</label>
    <input type="checkbox" class="test2">
    <span class="result"></span>
  </p>
</div>
<div class="student">
  <p><b>ФИО:</b> Петров Ю. И.</p>
  <p>
    <label>Контрольная 1</label>
    <input type="checkbox" class="test1">
    <label>Контрольная 2</label>
    <input type="checkbox" class="test2">
    <span class="result"></span>
  </p>
</div>

CSS

.student{
  width:400px;
  margin:auto;
  padding:10px;
  border-bottom:1px solid #333;
}
.result{
  display:block;
  padding-top:20px;
}
.result:after{
  content: 'Не зачтено';
}
.result:before{
  content:'Результат: ';
  font-weight:bold;
}
.test1:checked + label + .test2:checked + .result:after{
  content: 'Зачет';
}

https://jsfiddle.net/shakalaka/vm3L1f9v/

@Exdns · 02.06.2016, 12:17 **[ТС]**

а почему разделены два кода?

Добавлено через 2 минуты
как совместить два кода?

@Ozick · 02.06.2016, 12:19

Exdns, ты основы выучи, а потом над задачами думай

@Exdns · 02.06.2016, 12:19 **[ТС]**

мы не проходили таких штук(

@mrtoxas · 02.06.2016, 12:28

HTML5

<style>
#one:checked+#two:checked ~.result:after{
  content:"Зачет";
}
</style>
<input type="checkbox" id="one" />Экзамен 1
<input type="checkbox" id="two"/> Экзамен 2<br>
<span class="result">Результат:</span>

http://codepen.io/mrtoxas/pen/gMbqzb

Добавлено через 6 минут

Не по теме:

Вы не проходили про вынесение стилей в отдельное место, но уже есть задание на условия?

Новые блоги и статьи
Что такое HCL Notes и как с ним работать InfoMaster 10.01.2025 HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой комплексную платформу для совместной работы и обмена информацией в корпоративной среде. Это многофункциональное решение,. . .	Как работать с Git из Windows и Visual Studio InfoMaster 10.01.2025 Работа с Git в Windows Работа с Git в операционной системе Windows может быть осуществлена с помощью различных инструментов, каждый из которых обладает своими уникальными возможностями и. . .	Аналог оператора switch case в Python InfoMaster 10.01.2025 Оператор switch case используется в программировании для выбора одного из нескольких вариантов исполнения кода. Однако в языке Python этот оператор отсутствует. Понимание аналогов switch case в. . .	Отличия абстрактного класса от интерфейса InfoMaster 10.01.2025 В современной разработке программного обеспечения существуют два основных механизма реализации абстракции: абстрактные классы и интерфейсы. Эти инструменты, хотя и схожи в своей основной цели -. . .	Как работать в Git InfoMaster 10.01.2025 Git — это одна из наиболее популярных систем контроля версий, которая активно используется разработчиками по всему миру. Она позволяет эффективно управлять изменениями в коде, координировать работу. . .	Реализация передвижения персонажа в Unity3d на C# InfoMaster 10.01.2025 Реализация передвижения персонажа в Unity3D начинается с правильной настройки проекта. Этот этап критически важен для создания отзывчивого и плавного управления. Рассмотрим основные шаги для создания. . .
Docker: руководство для начинающих InfoMaster 10.01.2025 В современном мире разработки программного обеспечения контейнеризация стала неотъемлемой частью процесса создания и развертывания приложений. Docker, как ведущая платформа контейнеризации, произвела. . .	Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .

@Exdns 0 / 0 / 0 Регистрация: 31.10.2013 Сообщений: 44
		1
	Применение псевдокласса :checked 02.06.2016, 11:27. Показов 1569. Ответов 7 Метки нет (Все метки) Создайте документ, в котором с помощью флажка задается информация, написал или нет студент контрольную работу. Если обе контрольные написаны, то в текстовое поле помещается слово ''зачет'', в остальных вариантах ''не зачтено''. помогите решить задачу по СSS, пожалуйста. 0

@Ozick 20 / 14 / 13 Регистрация: 07.02.2016 Сообщений: 90
	02.06.2016, 11:56	2
	Exdns, CSS-то тебе зачем? 0

@Exdns 0 / 0 / 0 Регистрация: 31.10.2013 Сообщений: 44
	02.06.2016, 12:17 [ТС]	5
	а почему разделены два кода? Добавлено через 2 минуты как совместить два кода? 0

@Ozick 20 / 14 / 13 Регистрация: 07.02.2016 Сообщений: 90
	02.06.2016, 12:19	6
	Exdns, ты основы выучи, а потом над задачами думай 0

@Exdns 0 / 0 / 0 Регистрация: 31.10.2013 Сообщений: 44
	02.06.2016, 12:19 [ТС]	7
	мы не проходили таких штук( 0

	02.06.2016, 12:28