<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
var data = {};
$(function() {
$("path").on("click", function(){
var area = $(this),
fill = parseInt(area.attr('fill').replace(/#/, ''), 16),
chk, frm = $('form').empty();
area.attr('fill', '#'+(fill ^ 65535).toString(16));
chk = $('path').filter('[fill="#ff0000"]');
$('span').text(chk.length);
if(chk.length) {
$.each(chk, function() {
frm.append('<input type="checkbox" name="'+this.parentNode.id+'" checked disabled>')
})
frm.append('<input type="submit" value="Отправить">')
}
});
});
</script>
</head>
<body>
<div>
<svg version="1.1" id="map" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 480 640" enable-background="new 0 0 480 640" xml:space="preserve">...</svg>
</div>
Выбрано: <span></span>
<form>
</form>
</body>
</html>