checkbox selecionado no formulario

miro · December 10, 2011

Tenho formulario de busca por dormitorio exemplo:

1 dormitorio

2 dormitorio

3 dormitorio

Nesse formulario esta como ( select ) mais para usar a busca tem selecionar 2 ( select ) minino e maximo depois da o resultado da busca.

Coloquei somente um checkbox para fazer essa busca, mais nessa programação e necessario ter esse 2 checkbox um de busca minimo e outro de busca o maximo.

Tem como deixar somente um checkbox que faz essa busca e me da resultado, algum javascript que posso usar ao clicar selecionar checkbox o outro estiver no codigo javascript como direcionamento.

Nesse formulario tem outros campos de preenchimento, achei esse código mais quando seleciona o checkbox ele já vai para pagina, tem algum semelhante a esse:

<html>
<head>
<title>CBox Execute</title>
<script type="text/javascript">
function GoTo(info) {
window.location = info;
}
</script>
</head>
<body>
<h1>Checkbox Execution</h1>
<input type="checkbox" value="http://www.google.com" onclick="if (this.checked) {GoTo(this.value)}">Google
<input type="checkbox" value="http://www.yahoo.com" onclick="if (this.checked) {GoTo(this.value)}">Yahoo
<input type="checkbox" value="http://www.webdeveloper.com" onclick="if (this.checked) {GoTo(this.value)}">WDev Forum
<input type="checkbox" value="http://www.codingforums.com" onclick="if (this.checked) {GoTo(this.value)}">Coding Forum
</body>
</html>

Quando faço a busca pega somente um checkbox que value="2"

&Itemid=&task=results&maxbed=2&submit=Procurar

Queria poder pegar assim:

&Itemid=&task=results&minbed=2&maxbed=2&submit=Procurar

Edited December 10, 2011 by miro

lucas.js · December 22, 2011

Se entendi bem, você quer que quando o cara selecione os dois ele vai buscar, certo?

Se sim pode ser assim:

function busca(){
var campo1=document.getElementById('minbed'),
campo2=document.getElementById('maxbed'),
selecionado1=campo1.options[campo1.selectedIndex].value,
selecionado2=campo2.options[campo2.selectedIndex].value;
if(selecionado1!=0&&selecionado2!=0)document.meuforme.submit();
}

E no HTML mais ou menos assim:

<form name="meuforme" action="busca.php" method="get">
<select name="minbed" id="minbed" onchange="busca()">
<option value="0">---</option>
<option value="1">01</option>
...
</select>

<select name="maxbed" id="maxbed" onchange="busca()">
<option value="0">---</option>
<option value="1">01</option>
...
</select>

Sign In

checkbox selecionado no formulario

Question

miro

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

lucas.js

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity