How to de-select radio and dropdown
I have group of radiogroup with name managerelradio
. I am showing these on change event of dropdown event but issue is when I hide these values remain in radiogroup. Means when I show radiogroup next time selected radio remains selected. How can I deselct it. and same action I wish to perform for dropdown also.
<label><input type="radio" name="managerelradio" value="Yes" id="Add">Add</label>
<label><input type="radio" name="managerelradio" value="No" id="Remove">Remove</label>
<select name="childsgrel" id="childsgrel" class="select">
<option value="">--Relationship--</option>
<option value="Father" <?php if ($relation=="Father") echo "selected";?>>Father</option>
</select>
Means I want to again disselect both radio group as well as dropdown.
$('#childsgrel').change(function() {
var relationship = $('#childsgrel').val();
if(relationship == '' | relationship == null){
开发者_运维知识库 $('.managechilddiv_2').hide('fast');
$('input[name="managerelradio"]').attr('selected', false);
}
else if(relationship != '' ){
$('.managechilddiv_2').show('fast');
}
});
// I want to disselect radio group on $('#childsgrel').change(function() {
...
Without seeing your current jQuery it's hard to say exactly where to put this, but to deselect a selected radio element:
$('input:radio[name="managerelradio"]:checked').prop('checked',false);
JS Fiddle demo.
References:
:radio
selector.- attribute-equals selector.
:checked
selector.prop()
.
// Uncheck radios
$(":radio").prop("checked", false);
// Unselect drop-downs
$("select").prop("selectedIndex", -1);
Live Demo on jsFiddle
精彩评论