
どうも、はじめまして、jqueryに興味をもった初心者です。
jqueryを利用で、phpファイルにcheckboxの値を渡し、loadでphpファイルを読み込みたいのですが、うまくいきません。。ご存知の方いましたら、
お手数ですが、教えてください。。
環境、php5.1,jquery1.4,
ソース
<!--html側-->
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="chk.js"></script>
<title></title></head>
<body>
<input type="checkbox" name="test[]" id="test" value="1">test1
<input type="checkbox" name="test[]" id="test" value="2">test2
<input type="checkbox" name="test[]" id="test" value="3">test3
<input type="checkbox" name="test[]" id="test" value="4">test4
<input type="submit" value="sub" id="sub">
<div id="hbox">ここにロードしたい</div>
</body>
</html>
//chk.js ---------------------------
$(function(){
$("#sub").click(function () {
var chk = $(".@test:checkbo[name^='test[]']:checked")
.val();
$("#hbox").load("form.php",{test:chk});
});
});
//form.php ----------------------------
<?php
echo htmlentities( print_r($_GET, true) );
?>
以上がソースです。。。このソースだと、
checkを入れた値1つしか、phpに渡すことができません。。
checkを入れた値をすべて、phpに渡し、loadしたいのですが、
方法が分からず困ってます。
ご存知の方いましたら、お手数ですが、
分かりやすく、教えていただけませんでしょうか
お願いいたします。
No.1ベストアンサー
- 回答日時:
$.load()の仕様がjQuery1.3.n系とjQuery1.4.n系で変わったみたいだ。
1.4だと、
<script type="text/javascript" charset="utf-8" src="/jslib/jquery-1.4.2.min.js"></script>
<script type="text/javascript" charset="utf-8">
<!--
$(function(){
$("#sub").click(function(){
var chk = $("[name='test[]']:checked");
var test=[];
chk.each(function(){
test.push(this.value);
})
$("#hbox").load("form.php",{test:test});
});
});
// -->
</script>
<body>
<input type="checkbox" name="test[]" value="1">test1</input>
<input type="checkbox" name="test[]" value="2">test2</input>
<input type="checkbox" name="test[]" value="3">test3</input>
<input type="checkbox" name="test[]" value="4">test4</input>
<input type="submit" value="sub" id="sub"></input>
<div id="hbox">ここにロードしたい</div>
</body>
でPHPは
echo htmlentities(print_r($_POST,true));
でいける。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JSP内で可変するチェックボック...
-
【jsp/Java】チェックボックス...
-
checkboxをクリックしてリロー...
-
ラジオボタンとチェックボック...
-
確認ページからフォームページ...
-
return trueとreturn falseの用...
-
Selectボックスの幅を自動で広...
-
onchangeイベントを強制的に発...
-
RegularExpressionValidatorの...
-
クリックされた罫表セルの行番...
-
チェックボックス付きのテーブ...
-
ASP.NETでNAME属性を固定にしたい
-
JavaScript ログアウト処理
-
【jQuery】input nameの文字列...
-
sessionの値でボタンを活性・非...
-
ラジオボタンにタブインデック...
-
submitした値を返したい
-
JavaScriptによる自動計算フォ...
-
setIntervalの間隔を途中で変更...
-
selectを変更不可にしたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jquery 診断コンテンツにチェッ...
-
チェックボックスのON/OFFでVal...
-
【jsp/Java】チェックボックス...
-
申込フォーム 自動計算、条件に...
-
チェックボックスのON/OFFに応...
-
背景色を変えて未入力チェック...
-
チェックボックスのグループ化...
-
確認ページからフォームページ...
-
checkboxの選択数制限と排他処...
-
特定のID(またはクラス)で括ら...
-
チェックボックス
-
チェックボックスに連動するテ...
-
if文でelseを使わずに否定
-
チェックボックスを使って条件検索
-
チェックボックスの設定
-
オフになっているチェックボッ...
-
Javascript ポップアップウィ...
-
複数あるチェックボックスから...
-
配列のチェックボックスをjavas...
-
JAVASCRIPT
おすすめ情報