脚本宝典收集整理的这篇文章主要介绍了php – 在单选按钮上显示div中的数据单击ajax，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
场景是我有两个单选按钮,当用户点击其中任何一个时,它应该在响应div中显示右侧的相应数据.
HTML：
<form id="package-call" method="post" accept-charset="utf-8">
<div class='pakges'>
<div class="sub-pakge">
<div class="sub-pakge-content">
<span class="content-tITle">North america</span><br>
<span class="content-title">Basic</span>
<div class="content-time">150 Minutes</div>
<span class="content-PRice">Rs.500</span>
<div class="pakges-radio"><input tyPE="radio" name="package" id="package" > </div>
</div>
</div>
<div class="sub-pakges">
<div class="sub-pakges-content">
<span class="content-title">North America</span><br>
<span class="content-title">;max</span>
<div class="content-time">400 Minutes</div>
<span class="content-price">Rs.200</span>
<div class="pakges-radio"><input type="radio" name="package" id="package"> </div>
</div>
</div>
</div>
</form>
AJAX：
$("#package").click(function(e){
$.ajax( {
type: "POST",url: "package _selection.PHP",data: $('#package_call').serialize(),success: function( response ) {}
});
});
这是我希望显示我的回答的div：
<div class="form-results">
<div class="rslt-content-main">
<div class="rslt-content">Selected Pakages / Bolts</div>
<div id="package_response"></div>
</div>
</div>
这些是我希望通过包_selection.PHP进行ajax调用并希望分别显示的结果div
<div class="radio_one_rslt"> <div>voice:</div><br /> <div>IDD Asia - Rs 200</div> </div> <div class="radio_two_rslt"> <div>voice:</div><br /> <div>IDD Asia - Rs 500</div> </div>
$("#package").on('change',function(e){
然后,假设您的响应是要附加的HTML,请将其附加到成功回调中
$.ajax( {
type: "POST",success: function( response ) {
$('#package_response').append(response);
}
});
以上是脚本宝典为你收集整理的php – 在单选按钮上显示div中的数据单击ajax全部内容，希望文章能够帮你解决php – 在单选按钮上显示div中的数据单击ajax所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。