###前提・実現したいこと
複数選択可能なチェックボックスにおいて、未チェックなら送信ボタンをクリックできないようjqeryで制御し、チェックが付いたらpost送信と同時にindexの値を一つプラスしたい。
未チェック時のjqueryの制御は正しく動作していますが、submitボタンの書き方や制御がわからず上手く反映されません。 <input type="submit" id="submit" value="Submit">では、 post通信は確認できましたが、indexの値は、リロードしてしまい?一瞬反映され元の値に戻ってしまいます。 <input type="button" id="submit" value="Submit">では、 indexの値はconsole.log(index)に反映されていますが、post通信されません。
###該当のソースコード
test.ctp
// id="hoge"を追記
<form method="post" action="" id="hoge"> <input type="checkbox" id="check1" name="answer[]" value="1">チェック1<br> <input type="checkbox" id="check2" name="answer[]" value="2">チェック2<br> <input type="submit" id="submit" value="Submit"> <!-- <input type="button" id="submit" value="Submit"> --> </form> ``` test.js //未チェック時の制御 $(function() { $('#submit').attr('disabled', 'disabled'); $('#check1,#check2).click(function() { if ($(this).prop('checked') == false) { $('#submit').attr('disabled', 'disabled'); } else { $('#submit').removeAttr('disabled'); } }); });//送信時の制御 $('#submit').click(function()を下記に修正
var index = 0;
$('#hoge').submit(function() {
index++;
console.log(index);
});
###試したこと 主にctpファイルのinputの書き方をネットで調べていろいろ書き換えてみましたが、どれも上手く行きませんでした。 ###補足情報(言語/FW/ツール等のバージョンなど) XAMPP 5.6.14-0 cakephp-2.7.8 jquery 1.11.0
回答5件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2016/05/18 18:42