html
<input id="min" name="" type="button" value="-"/>
<input id="text_box" name="" type="text" value="1" style="width:30px;text-align: center"/>
<input id="add" name="" type="button" value="+"/>
js
记得引入jquery
$(document).ready(function () {
//获得文本框对象
var t = $("#text_box");
//初始化数量为1,并失效减
$('#min').attr('disabled', true);
//数量增加操作
$("#add").click(function () {
// 给获取的val加上绝对值,避免出现负数
t.val(Math.abs(parseInt(t.val()))+ 1);
if (parseInt(t.val()) != 1) {
$('#min').attr('disabled', false);
};
})
//数量减少操作
$("#min").click(function () {
t.val(Math.abs(parseInt(t.val()))==0?2:Math.abs(parseInt(t.val())) - 1);
if (parseInt(t.val()) == 1) {
$('#min').attr('disabled', true);
};
})
});
$("#text_box").blur(function () {
var value = $('#text_box').val();
if (value == null || value == undefined || value === '') {
top.showMsg("错误", "请输入半径(数值)!", true, 'warning');
return;
}
if (!(/(^[1-9]\d*$)/.test(value))) {
$('#text_box').val(1);
}
});