<html>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script language="javascript" type="text/javascript">
function setAttributes() {
var checkboxList = document.getElementsByTagName("input");
var objDisplay = document.getElementById("box0");
for (var i = 0; i < checkboxList.length; i++) {
if (checkboxList[i].type = "checkbox") {
// checkboxList[i].onclick = setValue;
checkboxList[i].onclick = function setValue() {
var obj = this;
if (obj.type == "checkbox" && obj.checked) {
if (objDisplay.innerHTML.indexOf(obj.value) < 0) {
objDisplay.innerHTML += obj.value;
}
}
else {
objDisplay.innerHTML = objDisplay.innerHTML.replace(obj.value, "");
}
};
}
}
}
function setValue(obj) {
var objDisplay = document.getElementById("box0");
if (obj.type == "checkbox" && obj.checked) {
if (objDisplay.innerHTML.indexOf(obj.value) < 0) {
objDisplay.innerHTML += obj.value;
}
}
else {
objDisplay.innerHTML = objDisplay.innerHTML.replace(obj.value, "");
}
}
</script>
</head>
<body οnlοad="setAttributes()">
<div id="mainbox">
<div id="box0"></div><div id="box1">select</div>
<div id="items" style="">
<input value="1" id="test" type=checkbox />1
<input value="2" id="test" type=checkbox />2
<input value="3" id="test" type=checkbox />3
</div>
</div>
</body>
<script type="text/javascript">
var flag=0;
var oDiv0=document.getElementById("box0");
var oDiv1=document.getElementById("box1");
var oDiv=document.getElementById("items");
oDiv1.οnclick=function(){
if(flag==0){
oDiv.style.display="block";
flag = 1;
}
else{
flag=0;
oDiv.style.display="none";
getCheckedValues();
}
}
oDiv0.οnclick=function(){
if(flag!=0){
flag=0;
oDiv.style.display="none";
getCheckedValues();
}
}
function getCheckedValues(){
var values = document.getElementsByName("test");
var selectValue="";
for(var i=0;i<values.length;i++){
if(values[i].checked){
selectValue += values[i].value +" | ";
}
}
document.getElementById("box0").innerText=selectValue;
alert(document.getElementById("box0").innerText);
}
</script>
</html>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script language="javascript" type="text/javascript">
function setAttributes() {
var checkboxList = document.getElementsByTagName("input");
var objDisplay = document.getElementById("box0");
for (var i = 0; i < checkboxList.length; i++) {
if (checkboxList[i].type = "checkbox") {
// checkboxList[i].onclick = setValue;
checkboxList[i].onclick = function setValue() {
var obj = this;
if (obj.type == "checkbox" && obj.checked) {
if (objDisplay.innerHTML.indexOf(obj.value) < 0) {
objDisplay.innerHTML += obj.value;
}
}
else {
objDisplay.innerHTML = objDisplay.innerHTML.replace(obj.value, "");
}
};
}
}
}
function setValue(obj) {
var objDisplay = document.getElementById("box0");
if (obj.type == "checkbox" && obj.checked) {
if (objDisplay.innerHTML.indexOf(obj.value) < 0) {
objDisplay.innerHTML += obj.value;
}
}
else {
objDisplay.innerHTML = objDisplay.innerHTML.replace(obj.value, "");
}
}
</script>
</head>
<body οnlοad="setAttributes()">
<div id="mainbox">
<div id="box0"></div><div id="box1">select</div>
<div id="items" style="">
<input value="1" id="test" type=checkbox />1
<input value="2" id="test" type=checkbox />2
<input value="3" id="test" type=checkbox />3
</div>
</div>
</body>
<script type="text/javascript">
var flag=0;
var oDiv0=document.getElementById("box0");
var oDiv1=document.getElementById("box1");
var oDiv=document.getElementById("items");
oDiv1.οnclick=function(){
if(flag==0){
oDiv.style.display="block";
flag = 1;
}
else{
flag=0;
oDiv.style.display="none";
getCheckedValues();
}
}
oDiv0.οnclick=function(){
if(flag!=0){
flag=0;
oDiv.style.display="none";
getCheckedValues();
}
}
function getCheckedValues(){
var values = document.getElementsByName("test");
var selectValue="";
for(var i=0;i<values.length;i++){
if(values[i].checked){
selectValue += values[i].value +" | ";
}
}
document.getElementById("box0").innerText=selectValue;
alert(document.getElementById("box0").innerText);
}
</script>
</html>