Skip to content

Instantly share code, notes, and snippets.

@caglarorhan

caglarorhan/target_resetter.html

Created March 8, 2017 19:42
Show Gist options
  • Save caglarorhan/bb169a9ac1f46c1ee7f6ed2755248f97 to your computer and use it in GitHub Desktop.
Save caglarorhan/bb169a9ac1f46c1ee7f6ed2755248f97 to your computer and use it in GitHub Desktop.
Download ZIP
A Javascript Function - Reset and Unselect Values of Selectable or Fillable HTML Elements
Raw
target_resetter.html
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Target Resetter</title>
<script language="JavaScript" src="target_resetter.js"></script>
</head>
<body>
<div id="theTarget">
Select box:<select id="s1">
<option>Choose an option</option>
<option value="0">Option that nothing</option>
<option value="2" selected="selected">Value two</option>
<option value="3">The third option</option>
</select>
<hr>
Text box:<input id="s2" type="text" value="Testing...">
<hr>
Checkbox: <input id="s3" type="checkbox" value="555" checked="checked">
<hr>
Radiobutton:<input id="s4" type="radio" value="666" checked="checked">
<hr>
Password:<input id="s5" type="password" value="777">
<hr>
Textarea:<textarea id="s6">Testing....</textarea>
</div>
<button onclick="resetTheTarget('theTarget')">Reset</button>
</body>
</html>
Raw
target_resetter.js
function resetTheTarget(mainElementID){
function nY(hN){return document.getElementById(hN);};
var mainElement=(typeof mainElementID=='object')?mainElementID:nY(mainElementID);
if(!mainElement){alert('Target element couldn\'t found.');return false;}
// ------->
switch(mainElement.tagName){
case "INPUT":
case "input":
switch(mainElement.type){
case "TEXTAREA":
case "TEXT":
case "textarea":
case "text":
case "password":
case "PASSWORD":
case "hidden":
case "HIDDEN":
mainElement.value="";
mainElement.length=0;
break;
case "checkbox":
mainElement.checked=false;
mainElement.setAttribute('checked','');
mainElement.removeAttribute("checked");
// anacElement.parentNode.className=''; // bootstrap icin gerekli
case "CHECKBOX":
case "RADIO":
case "radio":
mainElement.checked=false;
mainElement.setAttribute('checked','');
mainElement.removeAttribute("checked");
break;
case "undefined":
case "UNDEFINED":
//
break;
}
break;
case "SELECT":
case "select":
mainElement.selectedIndex=0;
break;
case "TEXTAREA":
case "textarea":
mainElement.value="";
case "OPTION":
case "option":
// bi
break;
}
//-----------------------------
for(var xi=0;xi < mainElement.childNodes.length;xi++){
var elm = mainElement.childNodes[xi];
if(elm.hasChildNodes()==true || elm.childNodes.length >-1){resetTheTarget(elm)};
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment