日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

javascript - 怎么簡寫這段jQuery功能?

瀏覽:221日期:2023-05-29 09:53:07

問題描述

<!DOCTYPE html><html lang='zh'><head> <meta charset='UTF-8' /> <meta name='viewport' content='width=device-width, initial-scale=1.0' /> <meta http-equiv='X-UA-Compatible' content='ie=edge' /> <title>Document</title> <script src='http://code.jquery.com/jquery-2.1.1.min.js'></script> <style>.bd {display: none;} </style></head><body> <input type='checkbox' name='purpose_id[]' value='13'>家庭裝飾 <input type='checkbox' name='purpose_id[]' value='17'>禮物饋贈 <p class='bd'>1放家庭裝飾 input</p> <p class='bd'>2放禮物饋贈 input</p><script>$(function(){ var onff0 = true; var onff1 = true; $(’.purpose:eq(0):checkbox’).on(’click’,function(){if (onff0) { $(’.bd:eq(0)’).css(’display’,’block’);} else { $(’.bd:eq(0)’).css(’display’,’none’);}onff0 = !onff0; }) $(’.purpose:eq(1):checkbox’).on(’click’,function(){if (onff1) { $(’.bd:eq(1)’).css(’display’,’block’);} else { $(’.bd:eq(1)’).css(’display’,’none’);}onff1 = !onff1; })}) </script> </body></html>

問題解答

回答1:

$('.purpose').change(function(){ var index = $(this).index(); if($(this).is(':checked')){$('.bd').eq(index).show(); }else{ $('.bd').eq(index).hide(); }});回答2:

首先給bd的p加上data-v對應上面的value

<p data-v='13'>1放家庭裝飾 input</p><p data-v='17'>2放禮物饋贈 input</p>$(’.purpose’).on(’click’,function(){ var $bd = $(’p[data-v=’ + $(this).val() + ’]’); if($bd.is(':hidden'))$bd.show(); else$bd.hidden();})回答3:

<!DOCTYPE html><html lang='zh'><head> <meta charset='UTF-8' /> <meta name='viewport' content='width=device-width, initial-scale=1.0' /> <meta http-equiv='X-UA-Compatible' content='ie=edge' /> <title>Document</title> <script src='http://code.jquery.com/jquery-2.1.1.min.js'></script> <style>.bd {display: none;} </style></head><body> <input type='checkbox' name='purpose_id[]' value='0'>家庭裝飾 <input type='checkbox' name='purpose_id[]' value='1'>禮物饋贈 <p class='bd'>1放家庭裝飾 input</p> <p class='bd'>2放禮物饋贈 input</p><script>$(function(){ $(’.purpose:checkbox’).on(’click’,function(e){ $(’.bd:eq(’ + e.target.value + ’)’).css(’display’, e.target.checked ? ’block’ : ’none’); })}) </script></body></html>回答4:

$(function(){ $.each($('input[name=’purpose_id[]’]'), function(index) {$(this).click(function(){ if($(this).prop('checked')){$('.bd').eq(index).show(); }else{$('.bd').eq(index).hide(); }}) });})回答5:

p加個屬性跟復選框能對應,那個通過index來進行判斷的寫法位置稍微一改動就沒用

<input type='checkbox' name='purpose_id[]' value='13'>家庭裝飾<input type='checkbox' name='purpose_id[]' value='17'>禮物饋贈<p id='13'>1放家庭裝飾 input</p><p id='17'>2放禮物饋贈 input</p><script> $(function () {$(’input[type=checkbox]’).on(’click’, function () { var $p = $('#'+ $(this).val()); $(this).attr('checked') ? $p.show() : $p.hide();}) })</script>回答6:

$('.purpose').on(’change’,function(){

var index = $(this).index(); if($(this).is(':checked')){ $('.bd').eq(index).show(); }else{ $('.bd').eq(index).hide(); }

});

回答7:

<input type='checkbox' name='purpose_id[]' onchange='check1();' data='1' value='13'>家庭裝飾

<input type='checkbox' name='purpose_id[]' onchange='check2()' data='2' value='17'>禮物饋贈<p class='bd'>1放家庭裝飾 input</p><p class='bd'>2放禮物饋贈 input</p><script> function check1(){$(’.bd:eq(0)’).toggle(); } function check2(){$(’.bd:eq(1)’).toggle(); }</script>回答8:

你這是要做什么功能啊,沒看明白。。。。。。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
伊人久久成人| 亚洲一区二区免费在线观看| 日韩精品欧美成人高清一区二区| 国产一级一区二区| 奶水喷射视频一区| 男女男精品视频网| 亚洲精品在线国产| 国产精品网站在线看| 精品成av人一区二区三区 | 色欧美自拍视频| 国产一区二区三区四区大秀| 国产精品红桃| 一区二区精品伦理...| 一区二区三区四区在线看| 欧美在线亚洲综合一区| 亚洲色图国产| 久久91视频| 国内精品福利| 日本欧美一区二区| 久久三级毛片| 欧美午夜精品一区二区三区电影| 免费人成精品欧美精品| 久久丁香四色| 免费av一区二区三区四区| 亚洲香蕉久久| 粉嫩av一区二区三区四区五区 | 美女在线视频一区| 久久蜜桃资源一区二区老牛| 免费成人性网站| 麻豆视频一区| 亚洲欧美日本国产专区一区| 日韩av二区在线播放| a天堂资源在线| 免费日韩av| 麻豆久久一区| 91久久中文| 国产欧美日韩在线一区二区 | 欧美日韩国产综合网| 欧美欧美黄在线二区| 国产高清不卡| 天堂精品久久久久| 特黄毛片在线观看| 日本不卡高清视频| 久久精品中文| 国产精品xxx在线观看| 免费不卡中文字幕在线| 国产精品伊人| 噜噜噜久久亚洲精品国产品小说| 久久精品日韩欧美| 亚洲精品福利| 中文字幕色婷婷在线视频| 免费人成在线不卡| 久久国产主播| 青青草视频一区| 欧美丝袜一区| 精品三级av| 日韩精品一区二区三区av| 色爱综合av| 久久一区国产| 欧美日韩精品一区二区三区视频 | 免费在线小视频| 欧美片网站免费| 伊人影院久久| 韩国精品主播一区二区在线观看| 国产精品久久久免费| 深夜日韩欧美| 免费在线观看日韩欧美| jiujiure精品视频播放| 久久久男人天堂| 免费日韩一区二区三区| 日韩一区网站| aⅴ色国产欧美| 日韩激情一区| 国产高潮在线| 国产成人久久精品一区二区三区| 日韩精品亚洲专区在线观看| 日韩视频一区| 国产91一区| 色爱av综合网| 99久久亚洲精品蜜臀| 成人在线丰满少妇av| 国产高清日韩| 久久久国产精品网站| 国产情侣一区在线| 欧美亚洲一区二区三区| 日本视频一区二区| 亚洲毛片一区| 色综合视频一区二区三区日韩 | 日韩精品一页| 日韩和欧美一区二区三区| 一本综合精品| 久久亚洲精品伦理| 亚洲在线免费| 久久久9色精品国产一区二区三区| 日韩欧美中文| 色老板在线视频一区二区| 国产精选在线| 日韩一区二区三区在线免费观看| 日韩不卡免费高清视频| 日韩天堂在线| 91精品二区| 亚洲作爱视频| 亚洲精品少妇| 欧美aaaaaa午夜精品| 成人午夜网址| 亚洲爱爱视频| 午夜精品一区二区三区国产| 国产亚洲欧洲| 欧美日韩国产高清| 老牛国产精品一区的观看方式| 视频一区视频二区中文字幕| 最新国产精品久久久| 97精品资源在线观看| 国产精品一区亚洲| 国产福利电影在线播放| 久久蜜桃av| 日韩中文字幕av电影| 青青草91久久久久久久久| 美女国产一区二区三区| 天堂√中文最新版在线| 亚洲免费一区二区| 国产精品久久久久久久久免费高清 | 国产在线观看www| 成人羞羞视频播放网站| 国产精品毛片| 欧美午夜三级| 中文字幕成在线观看| 国产精品日韩欧美一区| 婷婷精品在线| 日韩1区2区| 日韩午夜电影| 日本不卡的三区四区五区| 国产伦精品一区二区三区视频| 精品久久久网| 亚洲激情五月| 国产情侣一区在线| 99tv成人| 国产欧美在线| 91精品高清| 国产精品三级| 久久精品高清| 欧美日韩亚洲一区| av亚洲在线观看| 国产精品久久久久毛片大屁完整版 | 国产一区二区三区黄网站| 国产高清久久| 国产欧美日韩综合一区在线播放| 99精品视频精品精品视频| 日韩视频二区| 九九久久国产| 男女激情视频一区| se01亚洲视频| 国产乱码精品一区二区三区四区| 色婷婷久久久| 国产精品视频3p| 美女网站久久| 亚洲国产欧美日本视频| 日韩精品欧美成人高清一区二区| 高清在线一区| 日韩在线成人| 欧美影院三区| 久久69成人| 日本欧美一区二区| 好看的av在线不卡观看| 精品亚洲精品| 日本久久二区| 亚洲激情中文在线| 福利精品一区| 国产欧美啪啪| 首页国产欧美日韩丝袜| 少妇久久久久| 国产+成+人+亚洲欧洲在线| 亚洲精品免费观看| 影视先锋久久| 最近高清中文在线字幕在线观看1| 日韩国产在线不卡视频| 国产午夜精品一区二区三区欧美| 日韩精品电影| 老司机精品视频网| 久久激情五月激情| 亚洲无线观看| 国产模特精品视频久久久久| 精品丝袜在线| 国产精品99一区二区三| 国产精品视频一区二区三区四蜜臂 | 日韩成人av影视| 91久久视频| 九九久久婷婷| 久久婷婷激情| 亚洲性色av| 国产a亚洲精品| 精品国产成人| 欧美极品一区二区三区| 91精品视频一区二区| 在线视频亚洲欧美中文| 欧美日韩激情| 亚洲激情久久| 日韩视频二区| 欧美在线资源| 午夜欧美精品久久久久久久|