草庐IT

复选框

全部标签

javascript - jQuery 在选中复选框时隐藏 div,在未选中时显示

我试图在用户单击复选框时隐藏div,并在用户取消选中该复选框时显示它。HTML:contentjQuery:$('#checkbox1').change(function(){if(this.checked){$('#autoUpdate').fadeIn('slow');}else{$('#autoUpdate').fadeOut('slow');}});我很难让它工作。 最佳答案 确保使用ready事件。代码:$(document).ready(function(){$('#checkbox1').change(function

javascript - 单击一个 div 以使用 javascript 在其中切换一个复选框

这似乎是一个简单的问题,但我并没有使用很多javascript。我有一个div,里面有一个复选框,我希望整个div都能切换复选框。这是我目前所拥有的:唯一的问题是当您点击实际的复选框时,它会切换两次,因此不会改变。有什么想法吗? 最佳答案 您可以通过使用label元素包裹您要单击的区域,以更稳健和更易于访问的方式实现这一点。例如:我没有测试过上面的代码,但我相信所有的浏览器都支持点击标签来检查输入框。 关于javascript-单击一个div以使用javascript在其中切换一个复选框

javascript - 单击一个 div 以使用 javascript 在其中切换一个复选框

这似乎是一个简单的问题,但我并没有使用很多javascript。我有一个div,里面有一个复选框,我希望整个div都能切换复选框。这是我目前所拥有的:唯一的问题是当您点击实际的复选框时,它会切换两次,因此不会改变。有什么想法吗? 最佳答案 您可以通过使用label元素包裹您要单击的区域,以更稳健和更易于访问的方式实现这一点。例如:我没有测试过上面的代码,但我相信所有的浏览器都支持点击标签来检查输入框。 关于javascript-单击一个div以使用javascript在其中切换一个复选框

javascript - 为什么我的复选框更改事件没有被触发?

我有两个功能。第一个函数将div点击转换为选中/未选中切换。第二个函数将复选框更改转换为隐藏/显示事件。问题是当我使用第一个函数来选中/取消选中该框时,没有调用第二个函数。我是JavaScript的新手,谢谢。$(document).ready(function(){$(":checkbox").parent().click(function(evt){if(evt.target.type!=='checkbox'){var$checkbox=$(":checkbox",this);$checkbox.attr('checked',!$checkbox.attr('checked'))

javascript - 为什么我的复选框更改事件没有被触发?

我有两个功能。第一个函数将div点击转换为选中/未选中切换。第二个函数将复选框更改转换为隐藏/显示事件。问题是当我使用第一个函数来选中/取消选中该框时,没有调用第二个函数。我是JavaScript的新手,谢谢。$(document).ready(function(){$(":checkbox").parent().click(function(evt){if(evt.target.type!=='checkbox'){var$checkbox=$(":checkbox",this);$checkbox.attr('checked',!$checkbox.attr('checked'))

html - 防止文本在复选框下换行

我正在布置一组复选框,我遇到了一个古老的问题,即如果文本太长,文本会在复选框下方换行。我的HTML:4.Whatisyourfavoritetypeofvacation?SkiTripsBeachVisitsCruisesHistoricalandeducationaltripsYachtingRoadTripSpaWeekendBedandBreakfastStayhomeandrelaxGamblingTripsVolunteer我的CSS:div.right{width:580px;}form#updateProfilefieldsetlabel{display:block;ma

html - 防止文本在复选框下换行

我正在布置一组复选框,我遇到了一个古老的问题,即如果文本太长,文本会在复选框下方换行。我的HTML:4.Whatisyourfavoritetypeofvacation?SkiTripsBeachVisitsCruisesHistoricalandeducationaltripsYachtingRoadTripSpaWeekendBedandBreakfastStayhomeandrelaxGamblingTripsVolunteer我的CSS:div.right{width:580px;}form#updateProfilefieldsetlabel{display:block;ma

javascript - 为什么点击复选框不添加选中的属性 ='checked'

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭3年前。Improvethisquestion当我点击一个复选框时,为什么没有添加选中的属性?。你可以在这里看到代码http://jsfiddle.net/FCrSg/

javascript - 为什么点击复选框不添加选中的属性 ='checked'

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭3年前。Improvethisquestion当我点击一个复选框时,为什么没有添加选中的属性?。你可以在这里看到代码http://jsfiddle.net/FCrSg/

html - 为什么无论我做什么都不能更改复选框颜色?

这个问题在这里已经有了答案:HowtostyleacheckboxusingCSS(42个答案)关闭去年。我尝试设置复选框背景颜色的样式,但无论我做什么它都不会改变。我使用的是最新的firefox29。css中是否有一些规则更改或可能在浏览器中?CSS:input[type="checkbox"]{background:#990000;}.chk{background-color:#990000;}这是一个演示http://jsfiddle.net/6KXRg/