javascript момент vol. 2

8 отговора 311 прегледа
#1

javascript момент vol. 2

оф... целта е да направя такава врътка, която както е при уебмейловете - един чекбокс да ресетва състоянията на всички останали. намерих решение, но като не знам как да сложа чекбокс отдолу, вместо тия двата линка...

<html>
<SCRIPT LANGUAGE = "JavaScript">
<!--

function modify_boxes(to_be_checked,total_boxes){
for ( i=0 ; i < total_boxes ; i++ ){
if (to_be_checked){
document.forms[0].chkboxarray.checked=true;
}
else{

document.forms[0].chkboxarray.checked=false;
}
}
}

-->
</SCRIPT>


<BODY>
<FORM>
<INPUT TYPE=checkbox NAME="chkboxarray" VALUE="1">

<INPUT TYPE=checkbox NAME="chkboxarray" VALUE="2">

<INPUT TYPE=checkbox NAME="chkboxarray" VALUE="3">

<INPUT TYPE=button NAME="CheckAll" VALUE="Check All Boxes" onClick="modify_boxes(true,3)">
<INPUT TYPE=button NAME="UnCheckAll" VALUE="UnCheck All Boxes" onClick="modify_boxes(false,3)">
</FORM>
</BODY>
</html>

Отговор
в отговор на pro_O1 #2

Re: javascript момент vol. 2

Виж дали това ще ти свърши работа:

<script language=JavaScript type=text/javascript>
function CHECK() {
for (var i=0;i<document.FORM_CHECK.elements.length;i++) {
var e = document.FORM_CHECK.elements;
if (e.name != 'CHECK_NAME')
e.checked = document.FORM_CHECK.CHECK_NAME.checked;
}
}
</script>

<form name="FORM_CHECK">
<input type="checkbox" name="CHECK_NAME" value="1" onClick="CHECK();"><BR>
<input name="ID" type="checkbox" value="1"><BR>
<input name="ID" type="checkbox" value="2"><BR>
<input name="ID" type="checkbox" value="3"><BR>
<input name="ID" type="checkbox" value="4"><BR>
</form>

Споко. Хубавите работи, бавно стават.
Отговор
в отговор на pro_O1 #3

Re: javascript момент vol. 2

Виждам че вече са ти дали добро примерче .... А
това което си изровил от тук [линк] е малко грешно така че ето го оправено да работи

<html>
<SCRIPT LANGUAGE = "JavaScript">
<!--

function modify_boxes( to_be_checked )
{

var chekboxs=document.getElementsByName("chkboxarray");
var j=new Number();
if(to_be_checked)
{

for( j =0 ; j < chekboxs.length ; j++)
{

chekboxs[j].checked=true;



}

}else{

for( j =0 ; j < chekboxs.length ; j++)
{

chekboxs[j].checked=false;


}


}

}

-->
</SCRIPT>


<BODY>
<FORM>
<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="1">

<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="2">

<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="3">


Check All Boxes:<INPUT TYPE="checkbox" NAME="CheckAll" onClick="modify_boxes(true)">

UnCheck All Boxes:<INPUT TYPE="checkbox" NAME="UnCheckAll" onClick="modify_boxes(false)">
</FORM>
</BODY>
</html>


Отговор
в отговор на Uchesht #4

Re: javascript момент vol. 2

работата е там, че това ресетване трябва да става съобразно състоянието на 1 чекбокс - чекд/ънчекд, а не с отеделен за чек/ънчек...

Отговор
в отговор на JetSpeeD #5

Re: javascript момент vol. 2

не знам защо, но нищо не се случва

Отговор
в отговор на pro_O1 #6

Re: javascript момент vol. 2

Sorry, грешката е че се губят едни счупени скоби. Форума ги мисли за италик.

<script language="JavaScript">

function CHECK() {
for (var i=0;i<document.FORM_CHECK.elements.length;i++) {
var e = document.FORM_CHECK.elements{i};
if (e.name != 'CHECK_NAME')
e.checked = document.FORM_CHECK.CHECK_NAME.checked;
}
}
</script>


<form name="FORM_CHECK">
<input type="checkbox" name="CHECK_NAME" value="1" onClick="CHECK();"><BR>
<input name="ID" type="checkbox" value="1"><BR>
<input name="ID" type="checkbox" value="2"><BR>
<input name="ID" type="checkbox" value="3"><BR>
<input name="ID" type="checkbox" value="4"><BR>
<form>

на elements{i}; ги смени със счупени и трябва да стане.

Споко. Хубавите работи, бавно стават.
Отговор
в отговор на pro_O1 #7

Re: javascript момент vol. 2

Няма проблеми ето го ...

<html>
<SCRIPT LANGUAGE = "JavaScript">
<!--

function modify_boxes()
{

var chekboxs=document.getElementsByName("chkboxarray");
var action=document.getElementById("Check");
var j=new Number();
if(action.checked)
{

for( j =0 ; j < chekboxs.length ; j++)
{


chekboxs[j].checked=true;



}

}else{


for( j =0 ; j < chekboxs.length ; j++)
{


chekboxs[j].checked=false;


}


}

}

-->
</SCRIPT>
<BODY>
<FORM>
<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="1">

<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="2">

<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="3">


Check / UnCheck All Boxes:<INPUT TYPE="checkbox" ID="Check" NAME="CheckAll" onClick="modify_boxes();">

</FORM>
</BODY>
</html>




Отговор
в отговор на Uchesht #8

Re: javascript момент vol. 2

Малка промяна - така кода е малко по-ефективен - горе също си работи
- не вярвам да забележиш някаква разлика

<html>
<SCRIPT LANGUAGE = "JavaScript">
<!--

function modify_boxes()
{

var chekboxs=document.getElementsByName("chkboxarray");
var action=document.getElementById("Check");
var j=new Number();
for( j =0 ; j < chekboxs.length ; j++)
{

if(action.checked) chekboxs[j].checked=true;
else chekboxs[j].checked=false;


}


}

-->
</SCRIPT>
<BODY>
<FORM>
<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="1">

<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="2">

<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="3">


Check / UnCheck All Boxes:<INPUT TYPE="checkbox" ID="Check" NAME="CheckAll" onClick="modify_boxes();">

</FORM>
</BODY>
</html>



Отговор
в отговор на Uchesht #9

Re: javascript момент vol. 2

а благодаря! голям да пораснеш ;-) ше имаш бири от мен...

АКО СЕ НАКАНИМ ДА СЕ СЪБИРАМЕ КЛУБА ТАЯ ГОДИНА!!!

Отговор