jQuery - 使用复选框

时间:2015-10-28 18:21:22

标签: javascript jquery html checkbox

我到处搜索和搜索,但我找不到任何可以帮助我解决问题的内容,所以我在这里寻求帮助。

最初,我想在我的网站上播放背景视频,但只要勾选某个复选框,就切换到图片。当它没有被攻击时,它应该再次播放视频。

我不确定这是否可以使用jQuery,如果不是,请告诉我这是什么语言。如果可能的话,我想要另一个复选框,当勾选时,如果可能的话再次静音。

非常感谢您提前获得答案。如果您需要更多信息,请询问:)

1 个答案:

答案 0 :(得分:0)

这是您可以尝试的一种解决方案

<body style="background:your background definition">
<video style="display:block" video details> </video>

使用jquery切换块和无显示之间的显示,因此......

$('#checkboxToToggleVideo').click(function(){
    if($(this).is(':checked')) {
       $('#bgvid').css('display','none');
    } else {
       $('#bgvid').css('display','block');
    }
});

请参阅以下http://jsfiddle.net/dLxacefw/2/

修改后的jsfiddle以及示例图像 http://jsfiddle.net/dLxacefw/5/

请注意,我在这里使用了img标签,而hava z-index&lt; 0则允许其余元素出现在背景之上