<INPUT TYPE="checkbox">でチェックボックスが作成されると思います。
そのチェックボックスをVisualBasicでいう、Enableプロパティを
TrueまたはFalseにして、オブジェクトを認識させたり不認識させたりしたのですが、
HTMLまたはJavaScriptで、このような動きを実現させたいのですが、
技術的に可能なのでしょうか?

このQ&Aに関連する最新のQ&A

A 回答 (3件)

済みません。

「教えて!goo」は初めてなもので、先程の
回答の書き方が悪くて読み難い内容となってしまいました。

改めてご回答させていただきます。
Java Scriptを使って チェックボックスオブジェクトの
disabled プロパティを true 又は false に設定する事で
実現できます。Enable プロパティとは逆のプロパティですので
ご注意ください。

例)
 <スクリプト部分>
  document.all[ "ID_Check1" ].disabled = true ; // 不認識とする

 <タグ部分>
  <INPUT ID="ID_Check1" TYPE="checkbox">

又、初期状態で不認識とするには、以下のように記述します。
  <INPUT ID="ID_Check1" TYPE="checkbox" disabled>
    • good
    • 0

<HTML>


<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
function FuncTest()
{
var frm=document.forms[0];

if (frm.chk.disabled==true)
frm.chk.disabled=false;
else
frm.chk.disabled=true;
}
</SCRIPT></HEAD>
<BODY>
<FORM NAME="thisform" METHOD="POST">
<INPUT TYPE="CHECKBOX" NAME="chk">チェック
<INPUT TYPE="BUTTON" VALUE="テスト" onClick="FuncTest()">
</FORM>
</BODY>
</HTML>
    • good
    • 0

disabledプロパティに true または false を指定してください。

<BR>
Enableプロパティとは逆ですのでご注意ください。<P>

例.<BR>
 document.all[ &quot;チェックボックスのID&quot; ].disabled = true ; // 不認識とする
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QPHPの文字列変数をJavaScriptのalertで表示させたい

<?php
 $mes = 123;
print<<<EOF
 <script Language="JavaScript">
 <!--
  JavaScript:alert( $mes );
 //-->
 </script>
EOF;
?>

↑のコードを実行すると123というメッセージボックスが表示されます。

<?php
 $mes = "aaa";
print<<<EOF
 <script Language="JavaScript">
 <!--
  JavaScript:alert( $mes );
 //-->
 </script>
EOF;
?>

しかしこのように数値変数でははく文字列変数を渡すと表示できません。
JavaScriptにPHPの文字列変数を受け渡すことはできるのでしょうか?

Aベストアンサー

前提:
一旦PHPの事は忘れます。あとjavascript:alert("hoge");じゃなくてalert("hoge");にします
EcmaScriptのParserからみると
それぞれ

<script type="text/javascript">
alert( 123 );
</script>

<script type="text/javascript">
alert( aaa );
</script>

を解釈することになるんですが,
後者のaaaは
「文字列リテラル"aaa"ではなく宣言されずに使われている【変数】aaaです。」
前者は
「変数ではなく数値リテラルの123です。」

EcmaScriptの立場で

<script type="text/javascript">
alert("aaa");
</script>
となるように

<?php
$mes = "aaa";
print<<<EOF
<script type="text/javascript">
alert("$mes");
</script>
EOF;
?>

と書いてみると,確かにaaaという文字列がウィンドウに表示されます。
ただし,【原理を説明するためにこういうコードを書いたけど、正直お勧めできません。】

a(改行)bを表示しようとして

<?php
$mes = "a\nb";
print<<<EOF
<script type="text/javascript">
alert("$mes");
</script>
EOF;
?>

と書いてしまうと,PHPは正しく実行されますが,EcmaScriptでコンパイルエラーになります。
PHPと違い,文字列リテラル中に改行を入れることできないので。

<?php
$mes = "a\"";
print<<<EOF
<script type="text/javascript">
alert("$mes");
</script>
EOF;
?>

となってもやっぱりEcmascript側でコンパイルエラーが出るでしょう。(それぞれ正しく表示される書き方がありますね?)
その場限りの対処で,後手後手になってバグの温床になるのは防ぎたいものですな。

そこで・・・

二つ考えてみた。

パーセントエンコードはEcmascriptのdecodeURIComponent関数で
容易にデコードでき,PHP側にもそのようなエンコードを行う関数が存在し,
http://jsgt.org/ajax/ref/charset_test/responsetext/php/urlencode.php
その中には\や"や'が出て来ず,Ecmascript側のソースの文字符号化方式が利用する文字集合を利用できる、と利点があるので

<?php
$mes = "あ\"\nb";
$encmes = (unicode)rawurlencode((binary)$mes);
print<<<EOF
<script type="text/javascript">
alert(decodeURIComponent("$encmes"));
</script>
EOF;
?>

とする。
PHP6でない場合は(binary)や(unicode)によるキャストしちゃ駄目でUTF-8の文字列にしないと駄目かも。
するとEcmaScript視点で

<script type="text/javascript">
alert(decodeURIComponent("%E3%81%82%22%0Ab"));
</script>

となり,
PHPの文字列リテラルが意味する文字列そのものが表示できるようになる。

この方法だと,クライアント側からのコードの可読性が低いので
もし,別なURIで内容を提供することができ,望ましいならば(この条件は認証とかいろんな問題が出てくるかもしれないから)
そっちに書き出しておいて
XMLHTTPRequestを使って読み取る形をとる。コードは書かないけど。
====================
ここからは余談。
1.俺はヒアドキュメントが好きじゃない。
俺の無知かもしれないが,ヒアドキュメント内で関数が使えなかったから
その外部で別な変数$enc_mesを使って可読性を低めざるを得なかった。

2.文字列リテラル中の変数展開も好きじゃない。
$fuga = "2";
$hoge = "りんごが{$fuga}個";
と書くくらいなら
"りんごが" . $fuga . "個";と書く。
'りんごが{$fuga}個'
という意味で書いたつもりでバグを作るのは嫌だから

3.一々コードを書くのも面倒くさいし,説明が解りにくくなるから書かなかったけど,
html要素,head要素,title要素,body要素等を全て省略したコードが好きじゃない。

4.PHPが吐き出すのはECMAScriptの部分だけで
別のhtmlから外部スクリプトとして読み込む形が好きだなあ。

#インタプリタなのでコンパイルエラーって表現はおかしいけど,許して。

前提:
一旦PHPの事は忘れます。あとjavascript:alert("hoge");じゃなくてalert("hoge");にします
EcmaScriptのParserからみると
それぞれ

<script type="text/javascript">
alert( 123 );
</script>

<script type="text/javascript">
alert( aaa );
</script>

を解釈することになるんですが,
後者のaaaは
「文字列リテラル"aaa"ではなく宣言されずに使われている【変数】aaaです。」
前者は
「変数ではなく数値リテラルの123です。」

EcmaScriptの立場で

<script type="text/javascrip...続きを読む

Q のチェックをはずさせないには?

<input type="chekbox" checked>
checkedで規定値でチェックをつけておくのですが、
そのチェックをはずさせたくありません。

disabled をつければよいような気がしますが、
IE4以上でしか有効でなかった気がします。
IE3.02でも動作する作りにしたいのです。

チェックボックスをクリックした時に、
クリックを無効にする方法か、

クリックしてチェックがはずれても
またつけるようにする方法を教えて下さい。


Windows2000
IE3.02以上
使用言語 VBSCRIPT

Aベストアンサー

IE3.xxでの確認はしてないですが、JavaScriptで以下のようにすれば可能です。

<SCRIPT LANGUAGE="Javascript">
<!--
function checked_true(obj)
{
  obj.checked = true;
}
//-->
</SCRIPT>
<INPUT TYPE="checkbox" NAME="test" CHECKED OnClick="checked_true(test)">チェック済み

QJavascriptでalertを大量のループで延々と表示されるのですが、正しい中断方法はありますか?

Javascriptでalertを大量のループで延々と表示されるのですが、正しい中断方法はありますか?
alertがモーダルになっていて、ブラウザの×ボタンが効かないです。
ブラウザはいろいろありますが、主にForeFox3とIE7を使っています。

Javascriptでalertを使わずに同じように表示させて、しかも途中で中断できる関数?ステートメント?ライブラリはありますか?

Aベストアンサー

「延々と表示される」って、ブラクラとかですか?
ご自分でjavascriptをコーディングされてるのですよね?
「正しい中断方法」ってのも無いような気もしますが・・・

>alertを使わずに同じように
>途中で中断
といったらconfirmを使うのが手っ取り早いかと思います。(ループ文中で)

if(confirm("表示内容"))break;
で、[OK][キャンセル]の付いたダイアログを表示しつつ、OKが押されれば最も内側のループを抜ける。

キャンセルが押された場合にbreakは、
if(!confirm("表示内容"))break;


毎回表示するのであれば
for(var i=0;i<10&&confirm("");i++){}
ってのが短い感じです。

Qsubmitでチェックボックスが認識されない

HTML(ASP)でプログラミングをしています。
入力フォームにチェックボックスが複数個あり、同一項目名称でインデックスをしようしていますが、ボタン押下時に遷移先のプログラムでインデックスエラーが発生し項目が認識されません。

デバッグの結果チェックボックスの項目が『Off』の場合に項目が認識されていない事がわかりました。
以前同様の画面を作成した時にはインデックスは使用していませんでしたが正常に機能していました。

チェックボックスではインデックスを使用するとエラーになる等のルールがあるのでしょうか?

ご存知の方いらっしゃいましたらお教え願います。

OS:WIN2K
DB:SQLServer2K

プログラム抜粋
▲入力フォーム▲
<form method=post name=form1 target=_top action="upd.asp">
 <input type=checkbox name=outKa1 value="1" checked>
 <input type=checkbox name=outKa2 value="1" checked>
 <input type=checkbox name=outKa3 value="1" checked>
 <input type=checkbox name=outKa1 value="1" checked>
 <input type=checkbox name=outKa2 value="1" checked>
 <input type=checkbox name=outKa3 value="1" checked>
 <input type=submit value="送信">
</form>

▲upd.asp▲
<%
 For intOcnt = 1 To 2
  For intIcnt = 1 To 3
   If Request.Form("outKa" & intIcnt)(intOcnt) = "1" Then
    ■更新処理■
   End If
  Next
 Next
%>

■更新処理■上部のIF文で『インデックスが有効範囲にありません』とエラーになります。

HTML(ASP)でプログラミングをしています。
入力フォームにチェックボックスが複数個あり、同一項目名称でインデックスをしようしていますが、ボタン押下時に遷移先のプログラムでインデックスエラーが発生し項目が認識されません。

デバッグの結果チェックボックスの項目が『Off』の場合に項目が認識されていない事がわかりました。
以前同様の画面を作成した時にはインデックスは使用していませんでしたが正常に機能していました。

チェックボックスではインデックスを使用するとエラーになる等のルール...続きを読む

Aベストアンサー

チェックボックスはチェックされていない場合、リクエストに含まれません。
従って、リクエスト情報に何個含まれるかを事前に調べその範囲内に収まるようにインデックスを指定する必要があります。

ASPは相当昔に触ったっきりで覚えていないのですが
Request.Form("outKa1")の場合、
outKa1が1つしかチェックされていなければ当然リクエストには1つしかのってこないので
返される配列はインデックス0しか持ちえません。
その場合にインデックス1を指定すれば当然範囲外ですのでエラーになるのでしょう。

Qjavascriptのalertで文字化けが解消されません。(外部js

javascriptのalertで文字化けが解消されません。(外部jsファイル読込による)

htmlファイル

<meta http-equiv="Content-Script-Type" content="text/javascript">
<script language="JavaScript" src="**/**.js" charset="shift_jis"></script>

いろいろ調べまして、charset="shift_jis"を指定したり、utf-8にしましたがうまくいきません。

jsファイル

function testalert() {
alert('テスト');
}

ご教授をよろしくお願いします。

Aベストアンサー

その外部JavaScriptファイルは
何のエンコードで記述されているのかしら。
まずそれを教えて頂戴。

Qチェックボックスのチェック

チェックボックスのチェックして送信した後のページから送信前のページに戻るとチェックボックスがチェックされた状態でブラウザで表示されます

1
2ここにチェックを入れて削除すると
3

1
3戻るを押した時にここにチェックが入ってしまいます



javascriptで戻るボタンをつくっていますが他にチェックが残らずにに戻る方法はありますか?


<input type=button value="戻る" onClick="history.back()">

よろしくお願いします

Aベストアンサー

bodyのonloadイベントなどでチェックを外すscriptを実行するのはどうでしょうか

Qjavascriptでalertの文字列をコピー

初歩的な質問になるかもしれませんが、

javascriptのalertを使用し、表示された文字列をコピペ出来る方法はありますでしょうか?

したいことは、下記のalertで表示された【てすと】という文字をコピーして、
editorやワードなどに貼り付けることです。

ブラウザによって異なるのは実証済みです。
FireFoxでは、文字の反転はOKだが右クリックがきかない(Ctrl+Cでコピー・貼り付けはOK)
Chrome・IE では反転不可。

多くのブラウザでも同じように簡単にコピーできる方法があれば御教授ください。



<html>
<head>
<head/>
<body>

<script language="javascript">
<!--
function aaa(text) {
alert(text);
}
-->
</script>

<a href="javascript:void(0);" onclick="aaa('てすと');">onclick</a>

</body>
</html>


以上、宜しくお願い申し上げます。

初歩的な質問になるかもしれませんが、

javascriptのalertを使用し、表示された文字列をコピペ出来る方法はありますでしょうか?

したいことは、下記のalertで表示された【てすと】という文字をコピーして、
editorやワードなどに貼り付けることです。

ブラウザによって異なるのは実証済みです。
FireFoxでは、文字の反転はOKだが右クリックがきかない(Ctrl+Cでコピー・貼り付けはOK)
Chrome・IE では反転不可。

多くのブラウザでも同じように簡単にコピーできる方法があれば御教授ください。



<html>
<...続きを読む

Aベストアンサー

dialog要素とポリフィルライブラリでも使ってください
http://demo.agektmr.com/dialog/

Qチェックボックスの一括チェック

ボタンをクリックしたときに
チェックボックスの一括チェック
が行われるようにしたいのです

チェックボックスの名前は
g1
g2
g3
g4
g5
g6
フォーム名は
mlForm
なので

<script language="Javascript">
function zen_cl1() {

document.mlForm.g1.click();
document.mlForm.g2.click();
document.mlForm.g3.click();
document.mlForm.g4.click();
document.mlForm.g5.click();
document.mlForm.g6.click();

}
</script>

ボタンを
<input name="zencheck" type="button" id="zencheck" onClick="zen_cl1()" value="全部選択/解除">

このように書くと
エラーが起こるのです

いい方法はないでしょうか

ボタンをクリックしたときに
チェックボックスの一括チェック
が行われるようにしたいのです

チェックボックスの名前は
g1
g2
g3
g4
g5
g6
フォーム名は
mlForm
なので

<script language="Javascript">
function zen_cl1() {

document.mlForm.g1.click();
document.mlForm.g2.click();
document.mlForm.g3.click();
document.mlForm.g4.click();
document.mlForm.g5.click();
document.mlForm.g6.click();

}
</script>

ボタンを
<input name="zencheck" type="button" id="zen...続きを読む

Aベストアンサー

 ご参考に↓
http://javascript.eweb-design.com/1212_ac.html

参考URL:http://javascript.eweb-design.com/1212_ac.html

Q(IE)JavaScriptのalertの内容が空白になる件について

タイトルが長くてすいません。
この質問掲示板は初めて使います。みなさんよろしくお願いいたします。

上記タイトルの件について、質問です。

JavaScriptで出力したalertの内容が、非表示になってしまいます。
そのalertのOKを押さないで、alt+tabでアプリケーションを切り替えて、
戻ってくると、内容が表示されます。

内容を最初からきちんと表示されるようにするにはどうすればよいのでしょうか。
これって単なるIEのバグなのでしょうか。

すいませんが、よろしくお願いいたします。

Aベストアンサー

むちゃ重いページでダイアログ出すと文字が表示されない事が
ありました。ブラウザにエラーが出るくらい。
壁紙スクロールとか、文字・フレームボーダー等を
七色に輝かせるとか、ポインタに何かくっついてくるとか…。
某メディアプレーヤーを埋め込むとか、画像を回転させたり。
ちなみに(1ページで)合計百数十KB程のスクリプトを使ったら
ダイアログに文字が出なくなった。

Qチェックボックスにチェック>>文字サイズが小さく…

原因がわからなくって困っております。

IE8でチェックボックスにチェック入れると その横のテキスト文字サイズが小さくなるのです。

いろいろ調べてみてるのですが、よくわからず

ここに近いのかな?ともおもったのですが、ちょっとちがうかなと思い
(これってIE8の不具合なんじゃね・・・?文字の大きさが勝手に変化するよ?)
http://freesoft.tvbok.com/sonota/ie8-fontsize.html


実際にその現象が起こるページを下記URLにアップしております。
http://www23.atpages.jp/~ebeband/test/
(たちつてとの横のチェックボックスにチェックをいれてみてください。)

CSSもHTMLにいれておりますので、ソースを参考にしてみてください。


どうか解決方法おしえていただけないでしょうか?

どうぞよろしくお願いいたします。

Aベストアンサー

font-familyを指定するとうまくいくかもしれません。
指定方法は「UTF-8 IEのフォント」で検索してみてください。


人気Q&Aランキング

おすすめ情報