私はHTML、CSS、Javascriptのコーディングでは非常に新しいです。 ページにいくつかのチェックボックスを追加する必要があり、同じ単一ページに複数のタブがあります。複数の場所で同じチェックボックスを処理する
チェックボックスをオンまたはオフにすると、すべての場所のチェックボックスチェックを変更する必要があります。
誰でもHTML、CSS、Javascriptを使用する方法を教えていただけますか?
私はHTML、CSS、Javascriptのコーディングでは非常に新しいです。 ページにいくつかのチェックボックスを追加する必要があり、同じ単一ページに複数のタブがあります。複数の場所で同じチェックボックスを処理する
チェックボックスをオンまたはオフにすると、すべての場所のチェックボックスチェックを変更する必要があります。
誰でもHTML、CSS、Javascriptを使用する方法を教えていただけますか?
<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>
このコードをチェックして、それは働いている!!!!疑問があれば投稿してください –
は、それらのチェックボックスにいくつかの同じ名前を付けて、実行します。
はこれを試してみてください役立ちます
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ライブラリを含めることを忘れないでください。
あなたの質問は非常に一般的です。 「JavaScriptを私に教える」、「自分のコードを書く」のように聞こえます。一番良いのは、試したこと(ここではjsfiddleなど)を表示し、それに関する特定の質問を書くためのコードを投稿することです。 – RoToRa
@RoToRa ご提案をお寄せいただきありがとうございますが、私は**「私はHTML、CSS、Javascriptがコーディングに非常に新しいです。」** は、私は私のその特定のproblem._ – Aniruddhsinh
のためにそれを使用する必要があり、現在_and語ったよう@ user1027702:問題は特定の問題を投稿していないことです。 "チェックボックスチェック...変更する必要があります"とは意味がありません。初心者でも大丈夫ですが、私たちは何かを構築する必要があります。あるいはランダムなコードがあなたを助けると思いますか? – RoToRa