<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>1.0</title>
<style>
.multiselect {
width:10em;
height:7em;
border:solid 1px #c0c0c0;
overflow:auto;
}
.multiselect label {
display:block;
}
</style>
<script src="jquery-1.7.1.min.js"></script>
<script>
function checkval() {
$(".multiselect").each(function() {
var checkboxes = $(this).find("input:checkbox");
checkboxes.each(function() {
var checkbox = $(this);
if (checkbox.prop("checked")) {
alert(checkbox.val());
}
});
});
}
</script>
</head>
<body>
<a href="javascript:checkval();">checkval</a>
<div class="multiselect">
<label><input type="checkbox" name="option[]" value="1" />Green</label>
<label><input type="checkbox" name="option[]" value="2" />Red</label>
<label><input type="checkbox" name="option[]" value="3" />Blue</label>
<label><input type="checkbox" name="option[]" value="4" />Orange</label>
<label><input type="checkbox" name="option[]" value="5" />Purple</label>
<label><input type="checkbox" name="option[]" value="6" />Black</label>
<label><input type="checkbox" name="option[]" value="7" />White</label>
</div>
</body>
</html>