最簡潔的代碼,可以參考一下!
function checkall(){
? ? ? ? ? ? var hobby = document.getElementsByTagName("input");
? ? ? ? ? ?for(var i = 0; i < hobby.length; i++){
? ? ? ? ? ? ? ?if(hobby[i].name == "hobby"){
? ? ? ? ? ? ? ? ? ?hobby[i].checked = true;
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ? ? }
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? for(var i = 0; i < hobby.length; i++){
? ? ? ? ? ? ? ? if(hobby[i].name == "hobby"){
? ? ? ? ? ? ? ? ? ? hobby[i].checked = false;
? ? ? ? ? ? ? ? }
? ? ? ? ? ?}
? ? ? ? }
? ? ? ? function checkone(){
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ? ? ? var hobby = document.getElementById("hobby" + j);
? ? ? ? ? ? if(hobby){
? ? ? ? ? ? ? ? hobby.checked = true;
? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? alert("沒有改選項");
? ? ? ? ? ? }
? ? ? ? }
2022-04-11
最后一個checkone功能沒寫好,多選功能沒有??
2020-04-21
給大家講解一下
1.getElementsByTagName("input");
這個會拿到所有是input標簽,我們只需要標簽name是"hobby"的,所以循環的時候要判斷name是否等于"hobby"
if(hobby[i].name == "hobby") 如果等于就通過 hobby[i].checked = true; 選中
2.getElementsByName("hobby"); 與上邊同理
3.getElementById("hobby" + j); 這段話是基于題目硬性要求所寫的,1-6選中,對應name的值
if(hobby) 這個判斷是 判斷當前元素是否為空,打比方,你寫個7,咱肯定獲取不到元素,因為復選框只有6個,如果元素不等于空則證明存在,存在就選中。這個判斷和上邊getElementById("hobby" + j)配合特別好