在我看来,我有一个表,其中每行包含复选框和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>
我希望div为id =&#39; edit1&#39;选中复选框时显示,否则为特定行隐藏
我该怎么办?
答案 0 :(得分:3)
$("input[name='chkbox']").on("change", function () {
$("#edit1").toggle(this.checked);
});
Pre jQuery 1.7:
$("input[name='chkbox']").change(function () { // or .bind("change", function () {
$("#edit1").toggle(this.checked);
});
答案 1 :(得分:0)
$('input.a').click(function()
{
if ($(this).is(':checked'))
{
$('div#edit1').hide();
}
else
{
$('div#edit1').show();
}
});
答案 2 :(得分:0)
$('.a').click(function(){
if ($('.a').is(':checked'))
{
$('#edit1').css('display','block');
}
else
{
$('#edit1').css('display','none');
}
});
这是工作演示checkbox
$('input[type=checkbox]').click(function(){
if ($(this).is(':checked'))
{
$(this).next().next().show();
}
else
{
$(this).next().next().hide();
}
});
答案 3 :(得分:0)
使用“name”属性设置复选框:
$('inpunt[name="chkbox"]').bind('click',function(){
if ($(this).is(':checked'))
{
$('div#edit1').hide();
}
else
{
$('div#edit1').show();
}
});
答案 4 :(得分:0)
首先,感谢您的所有帮助和指导
在我的代码中,我做了以下更改:
在视图代码中
<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();
}