jquery 選擇input的checkbox屬性 獲取checkbox的值 用非同步傳輸資料 返回結果
阿新 • • 發佈:2019-02-15
jquery 操作 獲取checkbox的值 傳遞給處理程式 返回處理結果
html部分
<span style="font-size:12px;"><!DOCTYPE html> <html> <head> <title>Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="http://www.mytest.com/statics/js/jquery.min.js"></script> <style> ul li{ list-style:none; } .diaocha_left{ float:left; width:410px; height:500px; } .diaocha_left ul li { width:400px; height:30px; margin-top:5px; border-bottom:1px solid red; line-height:30px; } .diaocha_left ul li span{ width:50px; height:30px; float:right; line-height:30px; } </style> <script> $(document).ready(function(){ $("#tijiao").click(function(){ //定義一個數組 var chk_value =[]; //遍歷每一個名字為interest的複選框,其中選中的執行函式 $('input[name="diaocha"]:checked').each(function(){ //將選中的值新增到陣列chk_value中 chk_value.push($(this).val()); }); //alert(chk_value.length==0 ?'你還沒有選擇任何內容!':chk_value); $.post('my1.php','string='+chk_value,function(date){ alert(date); }); }) }) </script> </head> <body> <div class="diaocha_left"> <ul> <li>Unity3D技術您感興趣的方向 <span><input type="checkbox" name="diaocha" value="1" id="kjh"></span></li> <li>自定義著色器(shader) <span><input type="checkbox" name="diaocha" value="2" id="kjh"> </li> <li>自定義編輯器(editor)<span><input type="checkbox" name="diaocha" value="3" id="kjh"></li> <li>NGUI<span><input type="checkbox" name="diaocha" value="4"></li> <li>Mecanim<span><input type="checkbox" name="diaocha" value="5"></li> <li>物理系統<span><input type="checkbox" name="diaocha" value="6"></li> <li>Unity2D<span><input type="checkbox" name="diaocha" value="7"></li> <li>C# Light<span><input type="checkbox" name="diaocha" value="8"></li> <li>網路狀態同步<span><input type="checkbox" name="diaocha" value="9"></li> <li>資料庫<span><input type="checkbox" name="diaocha" value="10"></li> <li>XML/JSON<span><input type="checkbox" name="diaocha" value="11"></li> <li>c#與OC的藝術碰撞<span><input type="checkbox" name="diaocha" value="12"></li> <li>地形系統<span><input type="checkbox" name="diaocha" value="13"></li> <li>Tree系統<span><input type="checkbox" name="diaocha" value="14"></li> <li>粒子系統<span><input type="checkbox" name="diaocha" value="15"></li> <li>Unity打包AssetBundle<span><input type="checkbox" name="diaocha" value="16"></li> <li><input type="submit" name="" value="提交" id="tijiao"><input type="reset" name="" value="重置"></li> </ul> </div> </div> </body> </html> php 程式碼 非常簡單 只返回選取的結果</span><pre name="code" class="php"><span style="font-size:12px;"><?php header("Content-type:text/html;charset=utf-8"); echo $_POST["string"]; ?></span>
歡迎大家評論交流