- julio 20, 2021
<script>
jQuery(document).ready(function() {
jQuery(‘.minus’).click(function () {
var $input = jQuery(this).parent().find(‘input’);
var count = parseInt($input.val()) – 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
jQuery(‘.plus’).click(function () {
var $input = jQuery(this).parent().find(‘input’);
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
});
</script>
<style>
.number label {
float: none;
width: auto;
color: #fff;
margin-left:10px;
}
.number span {cursor:pointer; }
.number{
margin:0px;
}
.number .minus, .number .plus{
width: 34px;
height: 34px;
background: #fff;
border-radius: 0px;
padding: 5px 5px 8px 5px;
border: 1px solid #ddd;
display: inline-block;
vertical-align: middle;
text-align: center;
color: #000;
font-size: 1rem;
}
.number input{
height: 34px;
width: 34px;
text-align: center;
font-size: 1rem;
border: 1px solid #ddd;
border-radius: 0px;
display: inline-block;
vertical-align: middle;
}
</style>
Cform7
<!–opc1–>
<div class=»number»><span class=»minus»>-</span><input type=»text» value=»1″ name=»Opcion1″/><span class=»plus»>+</span><label for=»Opcion1″>Opcion1</label>
</div>
<!–opc1–>
<div class=»number»><span class=»minus»>-</span><input type=»text» value=»1″ name=»Opcion1″/><span class=»plus»>+</span><label for=»Opcion1″>Opcion2</label>
</div>
Cform Mail
Opcion1: [Opcion1] Opcion2: [Opcion2]
- Cform7
- contact form 7
- wordpress