如果复选框被选中,那么我只需要得到值为1;否则,我需要得到它为0。我如何使用jQuery做到这一点?
$("#ans").val()在这种情况下总是会给我一个right:
<input type="checkbox" id="ans" value="1" />
如果复选框被选中,那么我只需要得到值为1;否则,我需要得到它为0。我如何使用jQuery做到这一点?
$("#ans").val()在这种情况下总是会给我一个right:
<input type="checkbox" id="ans" value="1" />
当前回答
我以前也发现过同样的问题 希望这个解决方案能帮助到你。 首先,在复选框中添加一个自定义属性:
<input type="checkbox" id="ans" value="1" data-unchecked="0" />
写一个jQuery扩展来获得值:
$.fn.realVal = function(){
var $obj = $(this);
var val = $obj.val();
var type = $obj.attr('type');
if (type && type==='checkbox') {
var un_val = $obj.attr('data-unchecked');
if (typeof un_val==='undefined') un_val = '';
return $obj.prop('checked') ? val : un_val;
} else {
return val;
}
};
使用代码获取复选框值:
$('#ans').realVal();
你可以在这里测试
其他回答
$("#ans").attr('checked')
会告诉你是否检查过。您还可以使用第二个参数true/false来选中/取消选中复选框。
$("#ans").attr('checked', true);
对于每个注释,在可用时使用prop而不是attr。例句:
$("#ans").prop('checked')
@StefanBrinkmann的回答很好,但对初学者来说不完整(省略了变量赋值)。澄清一下:
// this structure is called a ternary operator
var cbAns = ( $("#ans").is(':checked') ) ? 1 : 0;
它是这样工作的:
var myVar = ( if test goes here ) ? 'ans if yes' : 'ans if no' ;
例子:
var myMath = ( 1 > 2 ) ? 'yes' : 'no' ;
alert( myMath );
提示“不”
你可以通过这两种方法得到值(true/false)
$("input[type='checkbox']").prop("checked");
$("input[type='checkbox']").is(":checked");
我发现下面的方法对我有用,混合了其中一个答案,但是有if语句。
$('#checkbox').on('change', function () {
let checkbox_true;
checkbox_true = $('#checkbox').prop("checked") ? 1 : 0 ;
if (checkbox_true === 1) {
alert('Yes');
} else {
alert('no');
}
})
你还可以使用:
$("#ans:checked").length == 1;