Boa noite, estou com dificuldades em fazer funcionar o botao de musica Play de um pagina que estou tentando fazer,
o botão está dentro de um form e por isso nao funciona, tirando ele do form funciona tranquilo, mas preciso do botao neste lugar
alguem tem alguma ideia de como posso resolver?
segue o codigo da pagina
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<link rel="stylesheet" href="css/style.css"/>
<title>Fenecad</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<link rel="shortcut icon" href="favicon.ico" >
<script type="text/javascript">
//checar numero de checkbox
var CheckMaximo = 2;
function verificar() {
var Marcados = 1;
var objCheck = document.forms['form1'].elements['checkbox'];
//Percorrendo os checks para ver quantos foram selecionados:
for (var iLoop = 0; iLoop < objCheck.length; iLoop++) {
//Se o número máximo de checkboxes ainda não tiver sido atingido, continua a verificação:
if (objCheck[iLoop].checked) {
Marcados++;
}
if (Marcados <= CheckMaximo) {
//Habilitando todos os checkboxes, pois o máximo ainda não foi alcançado.
for (var i = 0; i < objCheck.length; i++) {
objCheck[i].disabled = false;
}
//Caso contrário, desabilitar o checkbox;
//Nesse caso, é necessário percorrer todas as opções novamente, desabilitando as não checadas;
} else {
for (var i = 0; i < objCheck.length; i++) {
if (objCheck[i].checked == false) {
objCheck[i].disabled = true;
}
}
}
}
}
$(document).on("ready", function () {
$('#enviar').click(function () {
alert($('#checkbox1').is(':checked'));
alert($('#checkbox2').is(':checked'));
alert($('#checkbox3').is(':checked'));
});
});
</script>
</head>
<body>
<div id="interface">
<header>
<h1><img src="img/fenecad.PNG" id="logo"/></h1>
</header>
<div id="corpo">
<h2><b> Playlist banda Trevoáh</b> </h2>
<div id="esquerdo">
<div id="balao">
<form name="form1">
<input type="checkbox" name="checkbox" id="checkbox1" onclick="verificar()" />
<label for="checkbox1"><h3>Trevoáh - Me Encontre Por Aí</h3></label></td><td>
<audio id="demo" src="mp3/me_encontre_por_ai.mp3"></audio>
<button id="stop" onclick="document.form1.getElementById('demo').load()">Stop</button>
<button id="play" onclick="document.form1.getElementById('demo').play()">Play</button>
<h5><a href="https://www.youtube.com/watch?v=Vx0j66gi_e4" target="_blank">Assistir o video clipe no Youtube</a> </h5>
</div>
<div id="balao">
<input type="checkbox" name="checkbox" id="checkbox2" onclick="verificar()" />
<label for="checkbox2"><h3>Trevoáh - Me Encontre Por Aí</h3></label></td><td>
<button id="stop" onclick="document.getElementById('demo').load()">Stop</button>
<button id="play" onclick="document.getElementById('demo').play()">Play</button>
<audio id="demo" src="mp3/me_encontre_por_ai.mp3"></audio>
<h5> www.youtube.com </h5>
</div>
<div id="balao">
<input type="checkbox" name="checkbox" id="checkbox3" onclick="verificar()" />
<label for="checkbox3"><h3>Trevoáh - Me Encontre Por Aí</h3></label></td><td>
<button id="stop" onclick="document.getElementById('demo').load()">Stop</button>
<button id="play" onclick="document.getElementById('demo').play()">Play</button>
<audio id="demo" src="mp3/me_encontre_por_ai.mp3"></audio>
<h5> www.youtube.com </h5>
</form>
</div>
<input type="button" id="enviar" value="enviar" />
</div>
<div id="direito">
<img id="logoBanda" src="img/logo.jpg" />
<img id="imgBanda" src="img/banda.png" />
</div>
<footer>
2016
</footer>
</div>
</div>
</body>
</html>