如何取消选择广播和下拉列表

时间:2011-10-11 18:18:02

标签: jquery html

我有一组名为managerelradio的无线电组。我在下拉事件的更改事件中显示这些,但问题是当我隐藏这些值保留在radiogroup中时。意味着当我下次显示放射性组时,所选的无线电仍然被选中。我怎样才能解除它。同样的动作我也希望下拉。

  <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>

意味着我想再次分析无线电组以及下拉列表。

$('#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');
        }
 });

//我想在$('#childsgrel').change(function() { ...

上发布广播组

2 个答案:

答案 0 :(得分:1)

如果没有看到你当前的jQuery,很难确切地说明这一点,但是要取消选择一个选定的无线电元素:

$('input:radio[name="managerelradio"]:checked').prop('checked',false);

JS Fiddle demo

参考文献:

答案 1 :(得分:0)

// Uncheck radios
$(":radio").prop("checked", false);

// Unselect drop-downs
$("select").prop("selectedIndex", -1);

Live Demo on jsFiddle