jquery怎么得到復(fù)選框值

復(fù)制的：

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、小程序定制開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了芒市免費(fèi)建站歡迎大家使用！

HTML 代碼:

form

input type="checkbox" name="newsletter" checked="checked" value="Daily" /

input type="checkbox" name="newsletter" value="Weekly" /

input type="checkbox" name="newsletter" checked="checked" value="Monthly" /

/form

jQuery 代碼:

$("input:checked")

結(jié)果:

[ input type="checkbox" name="newsletter" checked="checked" value="Daily" /, input type="checkbox" name="newsletter" checked="checked" value="Monthly" / ]

var check = $("input:checked"); //得到所有被選中的checkbox

var actor_config; //定義變量

check.each(function(i){ //循環(huán)拼裝被選中項(xiàng)的值

actor_config = actor+','+$(this).val();

});

alert(actor_config.substr(9)+',');

通過(guò)以下js代碼去獲取選中項(xiàng)的值，在IE7中可以正確取得選中項(xiàng)的值，但在IE8中卻得不到選中項(xiàng)的值，同樣在Firefox 3.5.3下也得不到值，但公司同事在Firefox其他較低版本下能正確得到值，IE6下也沒(méi)有問(wèn)題，⊙﹏⊙b汗

$('#permissionList-body input[name="checkboxes"][checked]').each(function(i){

alert($(this).val());

});

但是把技術(shù)代碼修改為:

$('#permissionList-body input[name="checkboxes"]').each(function(i){

if(this.checked)alert($(this).val());

});===========================================================================$('#permissionList-body input[name="checkboxes"][checked]')$('#permissionList-body input[name="checkboxes"][checked='checked']')這兩種寫(xiě)法支持IE$('#permissionList-body input[name="checkboxes"][checked='true']')

這種支持firefox

沒(méi)有找到好的解決方法，只有加if(this.checked)判斷了 jquery radio取值，checkbox取值，select取值，radio選中，checkbox選中，select選中，及其相關(guān) 獲取一組radio被選中項(xiàng)的值var item = $('input[@name=items][@checked]').val();獲取select被選中項(xiàng)的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二個(gè)元素為當(dāng)前選中值$('#select_id')[0].selectedIndex = 1;radio單選組的第二個(gè)元素為當(dāng)前選中值$('input[@name=items]').get(1).checked = true;獲取值：文本框，文本區(qū)域：$("#txt").attr("value")；多選框checkbox：$("#checkbox_id").attr("value")；單選組radio： $("input[@type=radio][@checked]").val();下拉框select： $('#sel').val();控制表單元素：文本框，文本區(qū)域：$("#txt").attr("value",'');//清空內(nèi)容 $("#txt").attr("value",'11');//填充內(nèi)容多選框checkbox： $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾單選組radio： $("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)下拉框select： $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項(xiàng)目為當(dāng)前選中項(xiàng) $("option value='1'1111/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option $("#sel").empty()；//清空下拉框// 清空所有復(fù)選框選項(xiàng) $(":checkbox").attr("checked","");

求推薦一些關(guān)于web前端的一些教程書(shū)籍，適合新手的

前端部分書(shū)很多，建議跟著 慕課網(wǎng) 這種在線培訓(xùn)的課程，邊學(xué)邊練。

一部分書(shū)供參考。

一、Javascript方面的書(shū)籍：

1 JavaScript權(quán)威指南（第6版）：號(hào)稱javascript圣經(jīng)，前端必備；前端程序員學(xué)習(xí)核心JavaScript語(yǔ)言和由Web瀏覽器定義的JavaScript API的指南和綜合參考手冊(cè)；

2 JavaScript高級(jí)程序設(shè)計(jì)(第3版) ：前端必備書(shū)，如果你想真正進(jìn)入前端世界，這是一本不可多得的進(jìn)階書(shū)，沒(méi)什么好說(shuō)的，必須細(xì)細(xì)品讀；

3 JavaScript語(yǔ)言精粹 ：這是一本值得任何正在或準(zhǔn)備從事JavaScript開(kāi)發(fā)的人閱讀，并且需要反復(fù)閱讀的js書(shū)籍；

4 基于MVC的JavaScript Web富應(yīng)用開(kāi)發(fā) ：這不是一本適合初學(xué)者看的書(shū)籍，更適合具有一定前端開(kāi)發(fā)經(jīng)驗(yàn)的從業(yè)人員看的框架書(shū)，如果你想構(gòu)建一個(gè)復(fù)雜的前端應(yīng)用，你會(huì)如獲至寶；

5 JavaScript DOM編程藝術(shù)(第2版)：好書(shū)主要是dom操作和兼容方面的知識(shí)，值得一看；

6 JavaScript經(jīng)典實(shí)例 ：可以看看，主要是有關(guān)javascript一些典型小工具，有些剖析的并不深入，總體來(lái)說(shuō)可以看看；

7 JavaScript設(shè)計(jì)模式 ：寫(xiě)js不難。如何編寫(xiě)優(yōu)美、結(jié)構(gòu)化和可維護(hù)的代碼呢？反復(fù)的揣摩這本書(shū)吧；

8 JavaScript編程精解 ： 了解一下可以；

9 JavaScript模式 ： 又一本設(shè)計(jì)模式的好書(shū)，如果你想讓自身的Javascript技巧提高到一個(gè)新層次，成為專業(yè)的開(kāi)發(fā)人員和程序員，反復(fù)閱讀吧；

10 JavaScript高效圖形編程： 是一本具有很強(qiáng)實(shí)操性的JavaScript圖書(shū)，主要涉及JavaScript性能優(yōu)化、高級(jí)UI設(shè)計(jì)、Web游戲開(kāi)發(fā)、面向移動(dòng)設(shè)備的開(kāi)發(fā)、圖形編程知識(shí)等

11 JavaScript RIA開(kāi)發(fā)實(shí)戰(zhàn)——最佳實(shí)踐、性能、表現(xiàn)：主要介紹如何采用最合理的方式為RIA編寫(xiě)可靠的、易于維護(hù)的HTML、CSS和JavaScript代碼，以及如何使用Ajax技術(shù)在后臺(tái)實(shí)現(xiàn)瀏覽器與Web服務(wù)器的動(dòng)態(tài)通信?？梢约?xì)細(xì)讀一下；

12 高性能JavaScript ： 又一本好書(shū)，涵蓋了當(dāng)今JavaScript開(kāi)發(fā)者需要了解的所有性能問(wèn)題，毫無(wú)疑問(wèn)，它已加入我的性能最佳實(shí)踐列表；值得細(xì)細(xì)品讀并實(shí)踐；

13 悟透JavaScript（美繪本）： 這是一本可以讓你輕松加愉快的閱讀的一本好書(shū)，讀完你可能會(huì)領(lǐng)悟：哦原還可以這樣；

14 Ajax權(quán)威指南 : 詳細(xì)的展示了ajax技術(shù)的發(fā)展以及應(yīng)用，對(duì)于了解ajax技術(shù)很不錯(cuò)的一本詳盡書(shū)籍；

15 Node.js開(kāi)發(fā)指南 : Node.js是一種新興的開(kāi)源技術(shù)，它將JavaScript從Web瀏覽器移植到常規(guī)的服務(wù)器端，使用Chrome的V8虛擬機(jī)來(lái)解釋和執(zhí)行JavaScript代碼，能用于構(gòu)建高性能、高可擴(kuò)展的服務(wù)器和客戶端應(yīng)用，以實(shí)現(xiàn)真正“實(shí)時(shí)的Web應(yīng)用”；

16 Node Web開(kāi)發(fā) : 雅虎架構(gòu)師精準(zhǔn)解讀最炙手可熱的Web開(kāi)發(fā)技術(shù)；

17 jQuery Mobile權(quán)威指南：是系統(tǒng)學(xué)習(xí)jQuery Mobile的權(quán)威參考書(shū)；

18 數(shù)據(jù)可視化實(shí)戰(zhàn)：使用D3設(shè)計(jì)交互式圖表 ：web矢量圖類庫(kù)d3.js的工具書(shū)；

19 jQuery權(quán)威指南 : 學(xué)習(xí)jquery的入門(mén)書(shū)籍；

20 精彩絕倫的jQuery ： 名字起的不錯(cuò)，能忽悠不少人，入門(mén)級(jí)書(shū)籍；

21 鋒利的jQuery ： 不錯(cuò)的一本jquery應(yīng)用書(shū)籍；

二、Html和Css方面書(shū)書(shū)籍：

1 HTML 5與CSS 3權(quán)威指南 ：html5和css3入級(jí)好書(shū)；詳盡講解了HTML5與CSS 3的所有功能和特性；

2 HTML5移動(dòng)Web開(kāi)發(fā)指南：介紹了一下移動(dòng)端的web開(kāi)發(fā)技術(shù)，以及一些移動(dòng)端框架：QueryMobile、Sencha Touch，以及PhoneGap；

3 響應(yīng)式Web設(shè)計(jì)：HTML5和CSS3實(shí)戰(zhàn) ：有關(guān)響應(yīng)式設(shè)計(jì)的知識(shí)并不是很多，大量篇幅寫(xiě)了html5和css3，這本書(shū)比較一般；

4 HTML5程序設(shè)計(jì)(第2版) ： 很全面的介紹了一下html5技術(shù)，前端人員都應(yīng)該看一看；

5 編寫(xiě)高質(zhì)量代碼:Web前端開(kāi)發(fā)修煉之道 ： 不可多得的一本前端開(kāi)發(fā)規(guī)范書(shū)，前端開(kāi)發(fā)人員的必讀書(shū)；

6 精通CSS：高級(jí)Web標(biāo)準(zhǔn)解決方案 ：css兼容性解決方案匯總，好書(shū)；

7 CSS禪意花園 ：主要的Web設(shè)計(jì)原則以及它們運(yùn)用的CSS布局技巧；

8 CSS權(quán)威指南 ： css經(jīng)典工具書(shū)；

9 高性能網(wǎng)站建設(shè)進(jìn)階指南：Web開(kāi)發(fā)者性能優(yōu)化最佳實(shí)踐 ： 好書(shū)?。【W(wǎng)站性能優(yōu)化，瀏覽器加載渲染詳細(xì)解析；

10 網(wǎng)站重構(gòu)——應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì) : 前端開(kāi)發(fā)人員必讀書(shū)，一本可以幫助網(wǎng)頁(yè)設(shè)計(jì)師快速了解和掌握web標(biāo)準(zhǔn)設(shè)計(jì)的書(shū)；

11 變幻之美 DIV+CSS網(wǎng)頁(yè)布局揭秘 ： 詳細(xì)的介紹了從效果圖到web布局實(shí)現(xiàn)的整個(gè)過(guò)程；

12 HTML5 Canvas基礎(chǔ)教程 : canvas入門(mén)書(shū)籍；

求推薦幾本jquery入門(mén)的好書(shū)

JQuery in Action(JQuery實(shí)戰(zhàn)) 圖靈叢書(shū)

網(wǎng)上也有關(guān)于JQuery的各個(gè)屬性的解釋 也是挺不錯(cuò)的