여러 장소에서 동일한 체크 박스를 처리하십시오.

-1

저는 HTML, CSS, 자바 스크립트 코딩에 익숙하지 않습니다. 페이지에 일부 확인란을 추가해야하고 동일한 단일 페이지에 여러 탭이 있습니다.여러 장소에서 동일한 체크 박스를 처리하십시오.

확인란을 선택하거나 선택 취소하면 모든 장소의 확인란 확인을 변경해야합니다.

아무에게도 HTML, CSS, Javascript를 사용하는 방법을 알려 줄 수 있습니까?

2012-01-20 Aniruddhsinh

귀하의 질문은 매우 일반적입니다. "나에게 JavaScript를 가르쳐주세요"또는 "내 코드를 작성하십시오"와 같이 들립니다. 가장 좋은 방법은 시도한 내용 (여기 또는 jsfiddle에서 예를 들어)을 보여주고 특정 질문을하는 코드를 게시하는 것입니다. – RoToRa

@RoToRa 귀하의 제안에 감사하지만 ** "나는 HTML, CSS, 자바 스크립트 코딩에 아주 새로운 오전."** 나는 단지 내 특정 problem._ – Aniruddhsinh

을 위해 그것을 사용할 필요가 현재 _and 말했듯 @ user1027702 : 문제는 특정 문제를 게시하지 않았기 때문입니다. "체크 박스 검사 ... 변경해야합니다"는 의미가있을 수 있습니다. 초심자가 되더라도 괜찮습니다.하지만 우리는 "구축"할 무언가가 필요합니다. 아니면 임의의 코드 조각이 도움이 될 것이라고 생각합니까? – RoToRa

<html> 
<head> 
<title>JavaScript - Select All checkbox in form</title> 
<script> 
var fieldName='chkName'; 

function selectall(){ 
    var i=document.frm.elements.length; 
    var e=document.frm.elements; 
    var name=new Array(); 
    var value=new Array(); 
    var j=0; 
    for(var k=0;k<i;k++) 
    { 
    if(document.frm.elements[k].name==fieldName) 
    { 
     if(document.frm.elements[k].checked==true){ 
     value[j]=document.frm.elements[k].value; 
     j++; 
     } 
    } 
    } 
    checkSelect(); 
} 
function selectCheck(obj) 
{ 
var i=document.frm.elements.length; 
    for(var k=0;k<i;k++) 
    { 
    if(document.frm.elements[k].name==fieldName) 
    { 
     document.frm.elements[k].checked=obj; 
    } 
    } 
    selectall(); 
} 

function selectallMe() 
{ 
    if(document.frm.allCheck.checked==true) 
    { 
    selectCheck(true); 
    } 
    else 
    { 
    selectCheck(false); 
    } 
} 
function checkSelect() 
{ 
var i=document.frm.elements.length; 
var berror=true; 
    for(var k=0;k<i;k++) 
    { 
    if(document.frm.elements[k].name==fieldName) 
    { 
     if(document.frm.elements[k].checked==false) 
     { 
     berror=false; 
     break; 
     } 
    } 
    } 
    if(berror==false) 
    { 
    document.frm.allCheck.checked=false; 
    } 
    else 
    { 
    document.frm.allCheck.checked=true; 
    } 
} 
</script> 
</head> 

<body> 
<form name="frm"> 
select all :<input type="checkbox" name="allCheck" onClick="selectallMe()"> 
<hr><br> 
1 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
2 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
3 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
4 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
5 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
6 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
7 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
8 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
9 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
10 :<input type="checkbox" name="chkName" onClick="selectall()"><br> 
</form> 
</body> 
</html>

출처

2012-01-20 12:05:10

이 코드를 확인하십시오, 작동 중입니다 !!!! 의심이 있다면 게시하십시오. –

그 확인란에게 약간의 같은 이름을 지정하고, 수행

출처

2012-01-20 11:22:26

이 시도 할 수

 

function checkAll() { 
var field = document.your_form_name.your_checkbox_name; 
for (i = 0; i < field.length; i++) 
    field[i].checked = true ; 
}

희망 : http://jsfiddle.net/fbuMp/

가 별도의 탭에 숨겨져있는 경우는 문제가 안된다. 그것은 페이지에있는 모든 체크 박스를 찾을 것입니다. 귀하의 페이지에 jQuery 라이브러리를 포함하는 것을 잊지 마십시오.

출처

2012-01-20 11:34:27 Deadlykipper

여러 장소에서 동일한 체크 박스를 처리하십시오.

답변

관련 문제