可能重复:
使用jQuery检查复选框选中的属性
我没有选中复选框时遇到问题.
这是我的示例代码:
$(".get-the-look ul input").click(function(){
if("this:checked") {
var product = $(this).attr('alt');
$("#bob div").remove('.'+product);
} else {
alert('asdasd');
}
});
Run Code Online (Sandbox Code Playgroud)
但警报(如果未选中复选框)从不会触发......无论复选框处于什么状态,"其他"都不会启动?
我不知道我哪里出错了.
是否可以在javascript对象上创建一个与C#中的属性类似的属性.
示例:我使用dojo创建了一个自动调整大小的textarea小部件.为了从我的小部件中获取"value"属性,我已经连接到onchange事件,并且每次textarea的值发生变化时我都会设置一个变量.
有没有办法在不挂钩onchange事件的情况下完成此任务.
编辑
换句话说,是否可以在JavaScript中编写一些行为类似于getter和/或setter的东西.
可能重复:
使用jQuery检查复选框选中的属性
任何人都可以让我知道如何检查使用jquery在html文本框中选择的值.例如,如果选中文本框中的值,则使用蓝色背景选择文本.
我想建立一个条件结构(if-else) RadioButton
我希望在选择Radiobutton RB1时,此功能处于活动状态:
regAuxiliar = ultimoRegistro;
Run Code Online (Sandbox Code Playgroud)
当选择单选按钮RB2时,此功能有效:
regAuxiliar = objRegistro;
Run Code Online (Sandbox Code Playgroud)
抱歉我的英语,我是巴西人.
How can I check if a checkbox is checked via jQuery?
Can I just add an ID or class to the element and do this?
if($('#element').val() == 1) {
//do stuff
}
Run Code Online (Sandbox Code Playgroud) 我正在使用 jQuery 创建多项选择评估。目前DOM结构如下:
<button class="multiplesubmit">Check Answer</button>
<ul class="multiplechoice_answergroup">
<li class="multiplechoice_answer True"><input class="checkbox" type="checkbox" name="checkbox"> Answer 1</li>
<li class="multiplechoice_answer False"><input class="checkbox" type="checkbox" name="checkbox"> Answer 1</li>
<li class="multiplechoice_answer False"><input class="checkbox" type="checkbox" name="checkbox"> Answer 1</li>
<li class="multiplechoice_answer True"><input class="checkbox" type="checkbox" name="checkbox"> Answer 1</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我需要编写一个函数,当单击按钮时查看复选框是否被勾选以及 li 的类名包含“True”。
到目前为止,这是我的 jQuery:
$('.multiplechoice_answer .Paragraph').prepend('<input class="checkbox" type="checkbox" name="checkme" />');
$('.multiplechoice_wrap').prepend('<button class="submit_button multiplesubmit">Check Answer</button>');
$('.multiplesubmit').click(function() {
multipleChoiceCheck();
});
var multipleChoiceCheck = function() {
if($('input:checkbox[name=checkme]').is(':checked') && $('.multiplechoice_answer').hasClass('True')) {
alert('correct!');
}
};
Run Code Online (Sandbox Code Playgroud) I\xc2\xb4 有 3 个选择框:
\n\n<div class="widget mm_select">\n <label for="ctrl_Customers_Region">Region</label> <select name="Customers_Region" id="ctrl_Customers_Region" class="select"><option value="">No filtering</option><option value="emea" selected="">EMEA</option><option value="america">America</option><option value="apac">APAC</option><option value="global">Global</option></select></div>\n\n<div class="widget mm_select ">\n <label for="ctrl_Customers_Branche">Business</label> <select name="Customers_Branche" id="ctrl_Customers_Branche" class="select"><option value="">No filtering</option><option value="retail-fashion">Retail - Fashion</option><option value="retail-consumer-electronics">Retail - Consumer Electronics</option><option value="retail-digital-goods">Retail - Digital Goods</option><option value="retail-furniture">Retail - Furniture</option><option value="retail-other">Retail - Other</option><option value="manufacturing-automotive">Manufacturing - Automotive</option><option value="manufacturing-pharmaceuticals-chemicals">Manufacturing - Pharmaceuticals / Chemicals</option><option value="manufacturing-high-tech">Manufacturing - High-Tech</option><option value="manufacturing-other">Manufacturing - Other</option><option value="utilities-and-telco-utilities">Utilities and Telco - Utilities</option><option value="utilities-and-telco-telco">Utilities and Telco - Telco</option><option value="food-grocery-and-equipment">Food - Grocery and Equipment</option><option value="media-entertainment-and-publishing">Media, Entertainment, …Run Code Online (Sandbox Code Playgroud) 我使用我非常喜欢的 CSS 制作了一个“切换”UI 元素。它旨在用于开/关场景。基本上,一个花哨的复选框。我的开关在 html 中定义如下:
html
<label class="switch"><input id="mySwitchCheckbox" type="checkbox" /><span id="switchText>Off</span></label>
<script type="text/javascript">
$('.switch > checkbox').on('change', function(e) {
alert('here');
var isChecked = // what goes here?
if (isChecked) {
alert('turned on');
} else {
alert('turned off');
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
我的这个组件的 css 看起来是这样的:
css
.switch {
cursor:pointer;
display:inline-block;
margin:1px 0;
position:relative;
vertical-align:middle
}
.switch input {
filter:alpha(opacity=0);
opacity:0;
position:absolute;
}
.switch span {
background-color:#c9c9c9;
border-radius:12px;
border:1px solid #eee;
display:inline-block;
position:relative;
height:24px;
width:52px;
-webkit-transition:background-color .33s;
transition:background-color .33s
}
.switch span:after …Run Code Online (Sandbox Code Playgroud) 我有这个HTML表单:
<div class="animated-switch">
<input id="switch-success" name="switch-success" checked="" type="checkbox">
<label for="switch-success" class="label-success"></label>
</div>
Run Code Online (Sandbox Code Playgroud)
我怎么知道输入是否被检查?
我尝试过这样,但没有任何提示:
$(document).on('click','.animated-switch',function(e){
alert($('#switch-success:checked').val() );
});
Run Code Online (Sandbox Code Playgroud)
这是一个JSFIDDLE文件,以查看我的清晰示例:https ://jsfiddle.net/s2f9q3fv/
我有一个引导复选框,问题是选中它时我无法获取它的值。下面的代码是我的复选框。
<div class="col-md-auto">
<div class="form-group">
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input" id="briskbusiness" value="1">
Brisk Business
<i class="input-frame"></i>
</label>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我的 Jquery:
$(document).on('change','#briskbusiness',function() {
if(this.checked){
alert();
}
});
Run Code Online (Sandbox Code Playgroud)
我尝试使用单击并更改,但仍然不会显示警报。
这是我的复选框的外观。
jquery ×7
javascript ×6
android ×1
bootstrap-4 ×1
c# ×1
checkbox ×1
checked ×1
css ×1
html ×1
java ×1
radio-button ×1
select ×1
selected ×1