JS/Jquery根據復選框的<checked屬性>控制多個對應div的顯示/隱藏

阿新 • • 發佈：2017-08-24

hid blog htm 根據 view har itl function click

<!doctype html><html>
<head>
  <meta charset="utf-8">
  <title>JS/Jquery復選框控制多個對應div的顯隱</title>
 <script type="text/javascript" src="jquery-1.11.3.min.js"></script>
</head>
<style type="text/css">
    .shows{
        display: none;
    }    
</style>
<body>
      <input type="checkbox" value="dd1" />淘寶<br />
    <input type="checkbox" value="dd2" />新浪<br />
    <input type="checkbox" value="dd3" />網易<br />
    <input type="checkbox" value="dd4" />天貓<br />
  <div id="dd1" class 
="shows">淘寶</div>
  <div id="dd2" class="shows">新浪</div>
  <div id="dd3" class="shows">網易</div>
  <div id="dd4" class="shows">天貓</div>
 
<script type="text/javascript">
     $(":checkbox").each(function () { 
         $(this).click(function () { 
              
if ($(this).attr("checked") == "checked") { 
                 $("#" + $(this).val()).hide(); 
                 $(this).attr("checked",false);
             } else { 
                 $("#" + $(this).val()).show(); 
                 $(this).attr("checked",true);
             } 
         }); 
     }); 
 
</script>
</body>
</html>

View Code

______________

JS/Jquery根據復選框的<checked屬性>控制多個對應div的顯示/隱藏

hid blog htm 根據 view har itl function click <!doctype html><html> <head> <meta charset="utf-8"> <title&g

jquery中input復選框的checked屬性

改變是否 html中數字 html prop defined 字符串 put 　　　在今日的多選，反選，全選試驗中，關於通過jQuery方法來實現復選框的選中與否問題，我有了以下發現： 1.不能通過.css(‘checked‘，‘checked‘)方法來設置或者獲取復選

jQuery js實現checkbox復選框全選、全不選、反選 PHP

實現 com check set false jquer display value round <!doctype html> <html lang="en"> <head> <meta charset="

jquery操作復選框(checkbox)的12個小技巧總結

== 索引復選框小技巧 rst jquery操作 radio rem val 1、獲取單個checkbox選中項(三種寫法) $("input:checkbox:checked").val() 或者 $("input:[type=‘checkbox‘]:checked

jquery獲取復選框的值

js checkbox <mce:script src="jquery.js" mce_src="jquery.js"></mce:script> <mce:script

JS 設置復選框的選中與取消選中

etc current author this fun 選中 true prop ssa // 設置選中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert(‘警告‘, "

jquery實現復選框全選，全不選，反選中的問題

了解 span htm cli ems 添加 send 籃球需要今天試了一下用jquery選擇復選框，本來以為很簡單的東西卻有bug,於是搜索了一下找到了解決方法。 html代碼如下（這裏沒有用任何樣式，就沒有再放css了）： <html> <

jquery操作復選框(checkbox)的一些小技巧總結

方式 undefine 關系 this 選擇 checkbox clas AR 1.7 1、獲取單個checkbox選中項(三種寫法) $("input:checkbox:checked").val()或者$("input:[type=‘checkbox‘]:chec

jQuery實現復選框的全選，全不選，反選

全不選 title www add bold tab 要求 bsp input <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></tit

jq給單/複選框新增checked屬性無效的解決辦法

jquery新增屬性checked不管用（jquery，prop的使用） $("#xxx").attr("checked","checked"); 但是頁面上並沒有選中，換成 $("#xxx"

複選框checkbox控制多個內容的顯示與隱藏

當點選複選框的時候，對應的內容會根據複選框的選中與否進行展示，checkbox複選款可動態迴圈增加，對應的內容展示區的內容要與複選框一一對應程式碼如下：樣式表部分： <style type="text/css"> .b4,.b2,.b3{ display

jquery,js,checkbox多選框復選框取值和賦值

ber javascrip 支持 substr i++ 不想 put pre htm 今天一個同事不太會多選框的取值和賦值的問題，我幫他解決了一下，不想自己想的朋友可以參考一下。獲取checkBox的值,checkBox的html如下 <input type

firefox(火狐)下 js中設置checkbox屬性checked="checked"已有，但復選框卻不顯示勾選的原因

顯示 isa googl def 獲取 undefine 方法 ted 網上剛看到問題時以為是瀏覽器兼容性的原因，ie、google都能正常顯示。網上查詢之後發現是jQuery的attr()方法用的不恰當。 jQuery1.6之前使用attr()可以修改，從jQuer

js自定義修改復選框單選框樣式，清除復選框單選框默認樣式

radio 技術分享 b2c 如果 watermark css 狀態初始化 -a 之前做項目的時候，也遇到過需要按照設計稿把<input type="checkbox">和<input type="radio">的默認樣式進行修改，但發現，並沒有可

js實現復選框的全選、全部選和反選

item itl true mon 復選框 loading 實現 align inpu 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta chars

js獲取復選框的value

() class for .get tex 獲取 javascrip elements ava <script type="text/javascript"> function temp(){ var temp=document.getElements

js 設置多個復選框選中和取消選中

設置 function func value pos true val .ajax alert // 設置選中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert(‘警告‘

vue.js實現單選框、復選框和下拉框

new type 方式避免 -- js實現處理 scrip 按鈕 Vue.js可以很方便的實現數據雙向綁定，所以在處理表單，人機交互方面具有很大的優勢。下邊以單選框、復選框和下拉框為例介紹他們在HTML和Vue.js中的具體實現方式。一、單選框在傳統的HTML

jQuery學習(五)——使用JQ完成復選框的全選和全不選

function () thead java round 綁定使用 table check 1、在系統後臺進行人員管理時，進行批量刪除，使用jq完成全選和全不選步驟分析：第一步：引入jquery文件第二步：書寫頁面加載函數第三步：為上面的復選框綁定單擊事件第四步

MVC根據CheckBox的Value值選中對應的復選框及獲取選中的Value值

mvc、checkbox、ajax View視圖代碼 @using (Html.BeginForm("H", "Default1"))//Default1控制器 H是方法 { //循環添加5個CheckBoxs for (int i = 0; i <

JS/Jquery根據復選框的<checked屬性>控制多個對應div的顯示/隱藏

相關推薦