ホームページ > 記事 > ウェブフロントエンド > チェックボックスをクリックしてボタンまたはテキストボックスを灰色にして使用不可にすることを実現するJSメソッド_JavaScriptスキル
この記事の例では、JS を使用してボタンまたはテキスト ボックスをグレーにし、チェック ボックスをクリックして使用不可にする方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。
登録時にこのボタンが表示されない場合は、送信ボタンが灰色になり、無効な場合は送信できません。送信を確認するためにクリックするだけで、下のボタンが有効になります。
操作効果は以下の通りです:
具体的なコードは次のとおりです:
<html> <head> <title>点击复选框按钮变为不可用</title> </head> <script> var checkobj function agreesubmit(el){ checkobj=el if (document.all||document.getElementById){ for (i=0;i<checkobj.form.length;i++){ var tempobj=checkobj.form.elements[i] if(tempobj.type.toLowerCase()=="submit") tempobj.disabled=!checkobj.checked } } } function defaultagree(el){ if (!document.all && !document.getElementById){ if (window.checkobj && checkobj.checked) return true else{ alert("Please read/accept terms to submit form") return false } } } </script> <body> <form name="agreeform" onSubmit="return defaultagree(this)"> <input name="agreecheck" type="checkbox" onClick="agreesubmit(this)"><b>你确认要提交?</b><br> <input type="Submit" value="我一定要提交" disabled> </form> <script> document.forms.agreeform.agreecheck.checked=false </script> </body> </html>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。