亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Jquery 復選框僅在選中、取消選中然后再選中時切換

Jquery 復選框僅在選中、取消選中然后再選中時切換

青春有我 2023-11-12 15:21:28
我想在選中復選框時顯示 div,并在取消選中復選框時隱藏 div。這是我嘗試過的。它僅適用于選中和取消選中,然后再選中。我正在使用jquery 3.5.1。我認為這個jquery部分邏輯有問題jquery部分$('.frameopener').on('change', function(){ // on change of state   if(this.checked) // if changed state is "CHECKED"    {                  var formid=$(this).attr("id");        $("#"+formid+"").click(function() {     $("#" + formid + "form").toggle();    });}});從循環動態顯示復選框的 php 部分echo '   <td>    <input type="checkbox" class="frameopener" id="'.$checkboxitemsafterstripper[$key].'" ></td><td>'.   $item.'  </td>';這是需要切換的框架foreach( $checkboxitemsafterstripper as $key => $item ){echo '<div id="'.$item.'form">';}
查看完整描述

1 回答

?
桃花長相依

TA貢獻1860條經驗 獲得超8個贊

我不知道你為什么使用,$("#"+formid+"").click(function() {..沒有必要使用這個,只需獲取復選框的 id 和切換 div 。


演示代碼:


$("div[id$=form]").hide() //hide all div whose id end with form

$('.frameopener').on('change', function() { // on change of state

  var formid = $(this).attr("id");

  $("#" + formid + "form").toggle();

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="checkbox" class="frameopener" id="12">12

<input type="checkbox" class="frameopener" id="13">13

<input type="checkbox" class="frameopener" id="14">14


<div id="12form">12 div</div>

<div id="13form">13 div</div>

<div id="14form">14 div</div>


查看完整回答
反對 回復 2023-11-12
  • 1 回答
  • 0 關注
  • 164 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號