Недавно я столкнулся с небольшой проблемой. Иногда, когда мы используем радио с одним выбором, мы обнаруживаем, что когда мы выбираем его, мы больше не можем выбирать его, то есть нет функции отмены после выбора. В настоящее время мы думаем о мощном флажке, но это множественный выбор, как мы можем сделать его одним выбором? Эффект такой же, как радио. Этот новичок сам написал небольшую программу. Код очень прост, только с четырьмя строками.
Без лишних слов, прямой код:
Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<script src = "js/jquery-1.8.3.min.js" type = "text/javascript" language = "javascript"> </script>
<title> unt назвал документ </title>
<script type = "text/javascript">
$ (function () {
$ (": fackbox"). Click (function () {
if ($ (this) .attr ("cherced")! = не определено)
{
$ (this) .siblings (). attr ("проверен", false);
$ (this) .attr ("cherced", true);
}
});
});
</script>
<style>
Span, input {float: left;}
Ввод {ширина: 14px; Высота: 14px;}
span {hargin-ruight: 20px;}
</style>
</head>
<тело>
<div>
<input type = "fackbox" /> <pan> 1 < /span>
<input type = "fackbox" /> <pan> 2 < /span>
<input type = "checkbox" /> <pan> 3 < /span>
<input type = "fackbox" /> <pan> 4 < /span>
<input type = "fackbox" /> <pan> 5 < /span>
<input type = "fackbox" /> <pan> 6 < /span>
<input type = "text" /> <pan> 7 < /span>
</div>
</body>
</html>