2

私の見解では、各行にチェックボックスと 2 つの列が含まれるテーブルがあります。最初はチェックされていません

   <input type="checkbox" name="chkbox" class="a" data-id="@item.Data.CandidatePortfolioID" onclick="Checked()" />
        <div class="cell" id="edit2" style="width:auto;">@Html.DisplayFor(modelItem => item.DataEndDate)</div>
        <div class="cell" id="edit1" style="width:auto; display:none;">
         @Html.TextBox("Enddate", item.DataEndDate, new { @class = "date"})
                </div>

チェックボックスがチェックされているときに id='edit1' の div を表示し、それ以外の場合はその特定の行で非表示にします

どうすればそうできますか？

4

5 に答える 5

3 
$("input[name='chkbox']").on("change", function () {
    $("#edit1").toggle(this.checked);
});

jQuery 1.7 以前:

$("input[name='chkbox']").change(function () { // or .bind("change", function () {
    $("#edit1").toggle(this.checked);
});

デモ。

于 2012-08-23T12:13:24.700 に答える
0

まず、すべてのurヘルプとガイドに感謝し
ます私のコードでは、次の変更を行い
ました：ビューコードで

   <div class="cell" style="width:auto;"> <input type="checkbox" name="chkbox" class="a"  data-id="@item.Data.CandidatePortfolioID" onclick="checkbox1(@item.Index)"/> 
</div> 
       <div class="cell" id=**"edit2-@item.Index"** style="width:auto;">@Html.DisplayFor(modelItem => item.EndDate)</div>
        <div class="cell" id=**"edit1-@item.Index"** style="width:auto; display:none;">@Html.TextBox("Enddate", item.EndDate, new { @class = "date" })</div>

JQuery関数

   function checkbox1(index) {
    var divname =index;
    $("#edit1-" + divname).toggle();
    $("#edit2-" + divname).toggle();
}
于 2012-08-27T06:46:10.650 に答える
0

「name」属性でチェックボックス固有にします。

$('inpunt[name="chkbox"]').bind('click',function(){ 
if ($(this).is(':checked'))
{
     $('div#edit1').hide();
}
else
{
    $('div#edit1').show();
}
});
于 2012-08-24T11:39:51.560 に答える
0 
$('input.a').click(function() 
{
    if ($(this).is(':checked'))
    {
         $('div#edit1').hide();
    }
    else
    {
        $('div#edit1').show();
    }
});
于 2012-08-23T12:13:46.303 に答える
0 
$('.a').click(function(){

if ($('.a').is(':checked'))
{
 $('#edit1').css('display','block');
}
else
{
$('#edit1').css('display','none');
}
});​

ここに動作デモチェックボックスがあります

$('input[type=checkbox]').click(function(){

if ($(this).is(':checked'))
 {
 $(this).next().next().show();
 }
else
{
$(this).next().next().hide();
}
});​
于 2012-08-23T12:20:28.270 に答える