哪位大牛知道如何设置用selectable选中区域的边框啊


<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title><script type="text/javascript" src="http://cloud.xing-xing.com/jquery.js"></script>
<style></style>
</head>
<body>
<input type="checkbox" value="div" id="checkbox"/>checkbox
<div class="org" style="width:200px; height:20px;border:gray 1px solid;">local</div>
<div class="org" style="width:200px; height:20px;border:gray 1px solid;">oss</div>
<div class="org" style="width:200px; height:20px;border:gray 1px solid;">ftp</div>
<div class="org" style="width:200px; height:20px;border:gray 1px solid;">sae</div>
<div class="org" style="width:200px; height:20px;border:gray 1px solid;">bcs</div>
</body>
<script type="text/javascript" language="javascript">
$(function(){
$('#checkbox').click(function(){
var org = $('.org');
if(this.checked){
org.css("border", "#FF0000 1px solid");
}else{
org.css("border", "gray 1px solid");
}
});
})
</script>
</html>