Jquery操作radio的簡(jiǎn)單實(shí)例
<input name="study" type="radio" value="Jquery插件教程">Jquery插件教程
<input name="study" type="radio" value="Jquery學(xué)習(xí)">Jquery學(xué)習(xí)
<input name="study" type="radio" value="PHP學(xué)習(xí)">PHP學(xué)習(xí)
<input id="tijiao" type="button" value="確定">
<input id="set_jqeury_study" title="Jquery學(xué)習(xí)" type="button" value="將radio設(shè)定為Jquery學(xué)習(xí)">
<input name="study" type="text" value="請(qǐng)輸入您想學(xué)到的知識(shí)">
<input id="view_input_text" type="button" value="點(diǎn)擊我，查看到的是同樣名為‘study'，但是類(lèi)型是TEXT的輸入框里面的值">
在上面的html代碼中，細(xì)心的您應(yīng)該可以發(fā)現(xiàn)3個(gè)radio的name屬性和一個(gè)text的name屬性都是“study”
$(function(){
$('#tijiao').click(function(){
if ($("input:[name=study]:radio:checked").length == 0){
alert("請(qǐng)選擇您想學(xué)習(xí)的知識(shí)");
return false;
}
var study = $("input:[name=study]:radio:checked").val();
alert("謝謝！您選擇的是" + study);
})
$("#set_jqeury_study").click(function(){
var $button = $(this);
$("input:[name=study]:radio").each(function(){
if (this.value == $button.attr('title')){
this.checked=true;
}
})
})
$("#view_input_text").click(function(){
alert($("input[name=study]:text").val());
})
})
$(“input:[name=study]:radio:checked”)這段代碼取得的是所有name屬性為“study”而且已經(jīng)被選中的radio的jquery對(duì)象，通過(guò)判斷他的length 是否等于0，就可以知道這個(gè)radio選項(xiàng)是否有一個(gè)被選中了。$(“input[name=study]:text”)這段代碼取得的是name屬性為“study”的text輸入框的jquery對(duì)象。
相關(guān)文章
這篇文章主要是對(duì)使用jquery操作iframe的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要是對(duì)jQuery控制iFrame的實(shí)例代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
這篇文章主要介紹了jQuery內(nèi)容過(guò)濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery中使用contains、empty、has、parent等進(jìn)行內(nèi)容過(guò)濾的操作技巧,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細(xì)介紹了利用jquery實(shí)現(xiàn)瀑布流2種案例,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
IE8下jQuery改變png圖片透明度時(shí)出現(xiàn)的黑邊
這些天在做一個(gè)效果，鼠標(biāo)經(jīng)過(guò)，PNG圖片由透明變成不透明, 但是會(huì)出現(xiàn)黑邊，晚上查了好多辦法，分別對(duì)IE8設(shè)置過(guò)濾器啊等等，都不見(jiàn)效果。最終在熱心網(wǎng)友的幫助下解決了問(wèn)題，下面我們就來(lái)分析下2015-08-08
jQuery+ajax讀取json數(shù)據(jù)并按照價(jià)格排序示例
這篇文章主要介紹了jQuery+ajax讀取json數(shù)據(jù)并按照價(jià)格排序,涉及jQuery基于ajax動(dòng)態(tài)獲取json文件數(shù)據(jù)并進(jìn)行數(shù)據(jù)遍歷與排序的相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了jQuery實(shí)現(xiàn)跨域的相關(guān)資料,需要的朋友可以參考下2015-02-02
Yii-自定義刪除確認(rèn)彈框(zyd)jquery實(shí)現(xiàn)代碼
Yii-自定義刪除確認(rèn)彈框(zyd),簡(jiǎn)單/時(shí)尚/大方適合比較愛(ài)酷的人使用，時(shí)尚的你可不要錯(cuò)過(guò)了哈，希望本文知識(shí)點(diǎn)可以幫助到你2013-03-03
正如標(biāo)題所言肯定是js代碼寫(xiě)錯(cuò)的問(wèn)題，經(jīng)檢查，果然發(fā)現(xiàn)問(wèn)題在此與大家分享下以免有同樣的錯(cuò)誤發(fā)生2013-09-09
jquery實(shí)現(xiàn)全選、反選、獲得所有選中的checkbox
這篇文章主要介紹了jquery實(shí)現(xiàn)全選、反選、獲得所有選中的checkbox功能，對(duì)checkbox感興趣的小伙伴們可以參考一下2015-12-12