利用jquery獲取html中被選中的input的值

單個按鈕

 

<div id="wrap">
<input type="radio" name="payMethod" value="1" />支付寶
<input type="radio" name="payMethod" value="2" />財務通
</div>
　　
　　獲取一組單選按鈕對象：var obj_payPlatform = $('#wrap input[name="payMethod"]');
　　獲取被選中按鈕的值 ：var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();

 

 

多個按鈕

 

1. 創建Html元素

   <div class="box">
   	<span>點擊按鈕獲取checkbox的選中值：</span><br>
   	<div class="content">
   	   <input type='checkbox' name='message' value='1'/>發送短信
          <input type='checkbox' name='message' value='2'/>發送郵件
   	</div>
   	<input type="button" value="提交">
   </div>

2. 設置css樣式

   div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
   div.box>span{color:#999;font-style:italic;}
   div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

3. 編寫jquery代碼

   $(function(){ 
   	$("input:button").click(function() {
   		text = $("input:checkbox[name='message']:checked").map(function(index,elem) {
   			return $(elem).val();
   		}).get().join(',');
   		alert("選中的checkbox的值為："+text);
   	});
   });