http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FjQuery%2FForm_CheckBox
JavaScript Tutorial/jQuery/Form CheckBox - История изменений
2026-04-04T14:28:57Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/jQuery/Form_CheckBox&diff=9683&oldid=prev
Admin: 1 версия
2010-05-26T08:25:19Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:25, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/jQuery/Form_CheckBox&diff=9682&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:57Z
<p></p>
<p><b>Новая страница</b></p><div>==30. Check the check box==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("#single").val("Single2");<br />
$("#multiple").val(["Multiple2", "Multiple3"]);<br />
$("input").val(["check1","check2", "radio1" ]);<br />
});<br />
</script><br />
<style><br />
.selected { color:red; }<br />
.highlight { background:yellow; }<br />
</style> <br />
</head><br />
<body><br />
<body><br />
<select id="single"><br />
<option>1</option><br />
<option>2</option><br />
</select><br />
<select id="multiple" multiple="multiple"><br />
<option selected="selected">Multiple</option><br />
<option>Multiple2</option><br />
<option selected="selected">Multiple3</option><br />
</select><br/><br />
<br />
<input type="checkbox" name="checkboxname" value="check1"/> check1<br />
<input type="checkbox" name="checkboxname" value="check2"/> check2<br />
<input type="radio" name="r" value="radio1"/> radio1<br />
<input type="radio" name="r" value="radio2"/> radio2<br />
</body><br />
</html></source><br />
<br />
<br />
<br />
==30. Get checkbox from form controls==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var input = $("input:checkbox");<br />
$("div").text(input.length);<br />
<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><br />
<input type="checkbox" /><br />
</form><br />
<div></div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
==30. Get checked checkbox==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
var n = $("input:checked").length;<br />
$("div").text(n);<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><br />
<input type="checkbox" name="newsletter" checked="checked" /><br />
<input type="checkbox" name="newsletter" checked="checked"/><br />
</form><br />
<div></div><br />
<div><br />
</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
==30. Preset checkbox==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("input").val(["check1","check2", "radio1" ]);<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<input type="checkbox" name="checkboxname" value="check1"/> check1<br />
<input type="checkbox" name="checkboxname" value="check2"/> check2<br />
<input type="radio" name="r" value="radio1"/> radio1<br />
<input type="radio" name="r" value="radio2"/> radio2<br />
</body><br />
</html></source></div>