вопросы по checkbox

DeFlea · May 4, 2012

прошу помощи у тех кто сталкивался и знает как сделать. проблема такая: в поле checkbox вместо того чтобы выбранные элементы (checked) обозначались галочкой, меняли цвет фона. то есть выбранные элементы будут отличаться цветом а не галочкой. главный вопрос - как задать фон именно выбранным пунктам? заранее спасибо

mrnobody · May 4, 2012

Псевдокласс :checked

Edited May 4, 2012 by mrnobody

Modestes · May 4, 2012

или аналогично с помощью jquery

нужно подключить библиотеку

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Заголовок</title>
    <script language="JavaScript" src="jQuery.js"></script>
<style>
.products_select{background:#ccc; color:#fff;}
</style>
 </head>
 <body>
<script>
$(function() {
	$(".compare_check").click(function() {
		$(this).next('span').toggleClass('products_select');
	});
})
</script>
  <form method="post" action="input5.php">
   <p><b>Текст</b></p>
   <p><input class="compare_check" type="checkbox" name="option1" value="a1" checked>Windows 95/98<Br>
   <input class="compare_check"type="checkbox" name="option2" value="a2"><span>Windows 2000</span><Br>
   <input type="checkbox" name="option3" value="a3">System X<Br> 
   <input type="checkbox" name="option4" value="a4">Linux<Br> 
   <input type="checkbox" name="option5" value="a5">X3-DOS</p>
  </form>

 </body>
</html>

Sign In

вопросы по checkbox

Question

DeFlea

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

mrnobody

Link to comment

Share on other sites

Modestes

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information