JQuery操做checkbox、radio

(引自 daysmileface的博客)

 

 

例：將多個選中的checkbox的值組裝成一個字符串

<script type=text/javascript>
function addMem(){
//var followers = document.getElementsByName("followers");
var f_str = '0';
$("input[@name='followers']").each(function(){
   if($(this).attr("checked")==true){
    f_str += ","+$(this).attr("value");
   }
})
alert(f_str);
}
</script>

=====================

例：取選中的radio的值

var gender = $('input[@name=gender][@checked]').val();

=====================

轉別人的一些東西：

jquery判斷checkbox是否被選中

在html的checkbox裏，選中的話會有屬性checked="checked"。

若是用一個checkbox被選中，alert這個checkbox的屬性"checked"的值alert($"#xxx".attr("checked"))，會打印出"true"，而不是"checked"！

若是沒被選中，打印出的是"undefined"。以爲很奇怪是嗎？繼續看下去～

不要嘗試去作這樣的判斷：if($"#xxx".attr("checked")=="true")

由於這麼作是錯的，jQuery的API手冊上寫，attr(name)的返回值是object。

因此，應該是if($"#xxx".attr("checked")==true)

====================================

jquery全選/取消選擇checkbox示例：

<input type="checkbox" name="checkbox_name[]」 id=」checkbox_name_1″ />1<br />
<input type=」checkbox」 name=」checkbox_name[]」 id=」checkbox_name_2″ />2<br />
<input type=」checkbox」 name=」checkbox_name[]」 id=」checkbox_name_3″ />3<br />
<input type=」checkbox」 name=」checkbox_name[]」 id=」checkbox_name_4″ />4<br />
<input type=」checkbox」 name=」checkedAll」 id=」checkedAll」/>全選/取消全選

1. <script type="text/javascript">
2. <!--
3. $(function() {
4. $("#checkedAll").click(function() {
5. if ($(this).attr("checked") == true) { // 全選
6.    $("input[@name='checkbox_name[]']").each(function() {
7.    $(this).attr("checked", true);
8.   });
9. } else { // 取消全選
10.    $("input[@name='checkbox_name[]']").each(function() {
11.    $(this).attr("checked", false);
12.   });
13. }
14. });
15. });
16. //-->
17. </script>

=================================================

jquery radio取值，checkbox取值，select取值，radio選中，checkbox選中，select選中，及其相關

獲取一組radio被選中項的值
var item = $('input[@name=items][@checked]').val();
獲取select被選中項的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二個元素爲當前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素爲當前選中值
$('input[@name=items]').get(1).checked = true;

獲取值：

文本框，文本區域：$("#txt").attr("value")；
多選框checkbox：$("#checkbox_id").attr("value")；
單選組radio：   $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();

控制表單元素：
文本框，文本區域：$("#txt").attr("value",'');//清空內容
                 $("#txt").attr("value",'11');//填充內容

多選框checkbox： $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組radio：    $("input[@type=radio]").attr("checked",'2');//設置value=2的項目爲當前選中項 下拉框select：   $("#sel").attr("value",'-sel3');//設置value=-sel3的項目爲當前選中項                 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option                 $("#sel").empty()；//清空下拉框