perdon, si. esto es lo que tengo.. eso si aun no tengo nada en Js.
la idea es poner un selsctor u opcion para que el user elija si desea enviar una propuesta de cotizacion o de emision antes de completar el formulario... es posible??
Código HTML:
<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Organizacion CAM - Emision Automotores</title>
<!-- Latest <compiled></compiled> and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css" />
<script src="main.js" language="javascript" type="text/javascript"></script>
</head>
<body>
<div class="container fondo-header">
<div class="row">
<div class="col-md-12 fondo-claro">
<header class="">
<img src="img/logo-cam.gif" width="500px" alt="" />
<h2>Herramientas para Productores</h2>
</header>
</div>
</div>
<div class="row cabecera-auto fondo-claro">
<div class="col-md-12">
<hgroup>
<h3>Cotizacion Automotores</br><small>Formulario para solicitud de cotización</small></h3>
</hgroup>
</div>
</div>
<div class="row">
<form action="" method="POST" class="form-horizontal">
<div class="col-xs-12 col-md-5"> <!-- Columna Tomador -->
<div class="form-group">
<label class="control-label col-xs-3">Nombre:</label>
<div class="col-xs-9">
<input type="text" class="form-control" placeholder="Nombre del tomador">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3">Dni:</label>
<div class="col-xs-9">
<input type="number" class="form-control" placeholder="Dni/Cuit/Cuil">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3">Fecha de Nacimiento:</label>
<div class="col-xs-5">
<input type="date" class="form-control" placeholder="">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3">Genero:</label>
<div class="col-xs-2">
<label class="radio-inline">
<input type="radio" name="genderRadios" value="male"> Maculino
</label>
</div>
<div class="col-xs-2">
<label class="radio-inline">
<input type="radio" name="genderRadios" value="female"> Femenino
</label>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3">Dirección:</label>
<div class="col-xs-9">
<textarea rows="2" class="form-control" placeholder="Dirección completa y codigo postal."></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3" >Telefono:</label>
<div class="col-xs-5">
<input type="tel" class="form-control" placeholder="Telefono">
</div>
</div>
</div><!-- Fin de Columna 1 Tomador -->
<div class="col-xs-12 col-md-7"><!-- Columna 2 Bien-->
<div class="form-group">
<label class="control-label col-xs-3">Vehiculo:</label>
<div class="col-xs-3">
<input type="text" class="form-control" placeholder="Marca">
</div>
<div class="col-xs-4">
<input type="text" class="form-control" placeholder="Modelo">
</div>
<div class="col-xs-2">
<input type="text" class="form-control" placeholder="Año">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3"></label>
<div class="col-xs-2">
<input type="text" class="form-control" placeholder="Dominio">
</div>
<div class="col-xs-3">
<input type="text" class="form-control" placeholder="Motor">
</div>
<div class="col-xs-4">
<input type="text" class="form-control" placeholder="Chasis">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3">Cobertura:</label>
<div class="col-xs-9">
<textarea rows="2" class="form-control" placeholder="Especifique la coertura."></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3">Medio de pago:</label>
<div class="col-xs-9">
<select class="form-control">
<option>Tarjeta de credito</option>
<option>Debito en cuenta</option>
<option>Efectivo</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-3">Numero:</label>
<div class="col-xs-9">
<textarea rows="2" class="form-control" placeholder="Especifique la cobertura."></textarea>
<span class="help-block">*Completar caso de que la forma de pago sea tarjeta de credito o debito en cuenta.</span>
</div>
</div>
<div class="form-group">
<div class="col-xs-offset-3 col-xs-9">
<input type="submit" class="btn btn-primary" value="Enviar">
<input type="reset" class="btn btn-default" value="Limpiar">
</div>
</div>
</div><!-- Fin columna 2 Bien -->
</form>
</div>
<footer class="margen-superior">
<div class="row fondo-footer">
<div class="col-md-4">
<ul>
<li><a class="fondo-footer" href="http://www.canalzurich.com.ar" target="new">Canal Zurich</a></li>
<li><a class="fondo-footer" href="https://web-ceibo.gruposancorseguros.com/productorA/Authentication/Login?ReturnUrl=%2fproductorA%2f" target="new">Ceibo</a></li>
</ul>
</div>
<div class="col-md-4">
<ul>
<li>Instructivos</li>
<li>Preguntas Frecuentes</li>
</ul>
</div>
<div class="col-md-4">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</footer>
</div>
</body>
</html>