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

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

獲取在特定 div 中選中的單選按鈕的所有值

獲取在特定 div 中選中的單選按鈕的所有值

慕工程0101907 2022-09-29 16:42:01
我和我的朋友正試圖解決這個問題。我們想要獲取在 div 中選中的單選按鈕的所有值第一部分名稱 = 已檢查無線電 1名稱 = 未選中的無線電 2名稱 = 已檢查的無線電 3二級名稱 = 未選中的無線電 1(已選中 div1 中的 cuz)名稱 = 未選中的無線電 2名稱 = 未選中的無線電 3(與無線電 1 相同)所以場景是,當我點擊div2無線電3時,將取消選中div1無線電3,并檢查div2無線電3。我想打印每個 div 檢查的所有值網頁:<!-- ADDRESS 1  --><input type="radio" id="11" name="addressname1" value="address1" checked> <label for="11">address1</label><input type="radio" id="12" name="addressname2" value="address2"> <label for="12">address2</label><input type="radio" id="13" name="addressname3" value="address3" > <label for="13">address3</label><!-- END ADDRESS 1 --><br><input type="text" id="1" value="" placeholder="result of address 1 here"><br><br><!-- ADDRESS 2  --><input type="radio" id="21" name="addressname1" value="address1" > <label for="21">address1</label><input type="radio" id="22" name="addressname2" value="address2" checked> <label for="22">address2</label><input type="radio" id="23" name="addressname3" value="address3" checked>   <label for="23">address3</label> <!-- END ADDRESS 2 --> <br><input type="text" id="2" value="" placeholder="result of address 2 here">
查看完整描述

1 回答

?
慕碼人8056858

TA貢獻1803條經驗 獲得超6個贊

您可以將單選按鈕包裝在單獨的 div 容器中。


然后,您可以使用 和 來定位選中的單選按鈕。最后使用地圖獲取值。$('#Div1 :radio:checked')$('#Div2 :radio:checked')


您可以嘗試以下方法:


$('#Div1 :radio').each(function(){

  var cls = $(this).attr('name');

  var ck = $(this).attr('checked');

  if(ck != 'checked'){

    $(`#Div2 [name=${cls}]`).attr('checked', true);

  }

});


$('#Div2 :radio').click(function(){

  var cls = $(this).attr('class');

  var ck = $(this).attr('checked');

  if(ck != 'checked'){

    $(`#Div1 [name=${cls}]`).attr('checked', true);

  }

  var checkedDiv1 = $('#Div1 :radio:checked').map((i,el) => $(el).attr('value')).get().join(',');

  $('#1').val(checkedDiv1);

  var checkedDiv2 = $('#Div2 :radio:checked').map((i,el) => $(el).attr('value')).get().join(',');;

  $('#2').val(checkedDiv2);

});


$('#Div1 :radio').click(function(){

  var cls = $(this).attr('class');

  var ck = $(this).attr('checked');

  if(ck != 'checked'){

    $(`#Div2 [name=${cls}]`).attr('checked', true);

  }

   var checkedDiv1 = $('#Div1 :radio:checked').map((i,el) => $(el).attr('value')).get().join(',');

  $('#1').val(checkedDiv1);

  var checkedDiv2 = $('#Div2 :radio:checked').map((i,el) => $(el).attr('value')).get().join(',');;

  $('#2').val(checkedDiv2);

});

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


<!-- ADDRESS 1  -->

<div id="Div1">

  <input type="radio" id="11" name="addressname1" value="address1" checked> 

  <label for="11">address1</label>


  <input type="radio" id="12" name="addressname2" value="address2"> 

  <label for="12">address2</label>


  <input type="radio" id="13" name="addressname3" value="address3" > 

  <label for="13">address3</label>

</div>

<!-- END ADDRESS 1 -->

<br>

<input type="text" id="1" value="" placeholder="result of address 1 here">

<br>

<br>

<!-- ADDRESS 2  -->

<div id="Div2">

  <input type="radio" id="21" name="addressname1" value="address1" > 

  <label for="21">address1</label>


  <input type="radio" id="22" name="addressname2" value="address2" checked> 

  <label for="22">address2</label>


  <input type="radio" id="23" name="addressname3" value="address3" checked>   

  <label for="23">address3</label> 

<div>

<!-- END ADDRESS 2 -->


 <br>

<input type="text" id="2" value="" placeholder="result of address 2 here">


查看完整回答
反對 回復 2022-09-29
  • 1 回答
  • 0 關注
  • 154 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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