###前提・実現したいこと
いつもお世話になります。
フォーム画面の必須項目で、入力されてない必須項目数を表示しようとしています。
textとselectの残数は取得でき、表示できましたが
radioボタンの残数と表示がうまくできません。
JavaScript
###発生している問題・エラーメッセージ
入力必須項目数 5
となりますが、
入力必須項目数 2
としたいです。
あと、「KESSAI_ID」、「MAIL_FLG」のどちらかのラジオボタンにチェックを入れると
1つの項目数は減るのでが、そのあとのどちらかのラジオボタンをチェックしても
入力項目数が減りません。
###該当のソースコード
■HTML <tr> <th class="title">メールマガジン <p class="icon_hissu">必須</p> </th> <td><input type="radio" name="MAIL_FLG" /> <label>受け付ける</label> <input type="radio" name="MAIL_FLG" /> <label>受け付けない</label></td> </tr> <tr> <th class="title necessary short"> <input type="radio" name="KESSAI_ID"> <label>説明文</label></th> <td>説明文</td> </tr> <tr> <th class="title necessary short"><span class="HTMLFORM_ELEMENT"> <input type="radio" name="KESSAI_ID"> <label>説明文</label> </span></th> <td>説明文</td> </tr> <tr> <th class="title necessary short"><span class="HTMLFORM_ELEMENT"> <input type="radio" name="KESSAI_ID"> <label>説明文</label> </span></th> <td>説明文</td> </tr> ■JavaScript Code <script type="text/javascript"> $(function(){ var total = $("form").find("input[name=\"MAIL_FLG\"], input[name=\"KESSAI_ID\"]").length; $(".total").html(total); var i = 0; $(".number").html(total - i); var check = function() { i = 0; //radio $("form").find("input[name=\"MAIL_FLG\"], input[name=\"KESSAI_ID\"]").each(function() { if($(this).val() !== "") { i++; } }); $(".number").html(total - i); }; $("form").find("input[name=\"MAIL_FLG\"], input[name=\"KESSAI_ID\"]").change(function() { check(); }); }); --> </script>
長文になり申し訳ございませんが、
ご教授よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー