1

divを表示/非表示（トグル）するために使用したいいくつかのチェックボックスの問題を解決しようとしていますが、チェックボックスの値を保持する必要があります。つまり、無効になっている属性を使用できません。提出されません。したがって、基本的に私が試しているのは、同じチェックボックスをクリックしないように、すでにチェックされているチェックボックスのクリックを無効にして、divを切り替えることです。チェックされていないチェックボックスのみがクリック可能であり、継承によってdivが切り替わります。（私の問題はチェックボックスにあり、divトグルではありません）

<input type="radio" id="cc_email0" name="form[cc_email]" value="0" checked="checked">
<input type="radio" id="cc_email1" name="form[cc_email]" value="1">

<div id="for_cc_mail0" style="display: block">The div content for 0</div>
<div id="for_cc_mail1" style="display: none">The div content for 1</div>

助けてくれてありがとう！M

4

1 に答える 1

0

入力はチェックボックスではなくラジオボタンです。入力を無効にする代わりに、次のことを試すことができます。

var $div = $('div');
$('input[type=radio]').change(function(){
   $div
     .hide()
     .filter('[id="for_'+this.id+'"]')
     .show();
})

http://jsfiddle.net/sPy2g/

チェックボックスのIDをからに変更したことに注意してcc_email*くださいcc_mail*。

于 2012-12-07T15:48:42.940 に答える