删除单选按钮值

时间:2014-04-02 06:20:11

标签: javascript jquery

我有一些单选按钮,因此存在一些Null值,因此我想通过动态识别来删除它

<input type="radio"  name="Result_radio" id="Result_0"  >Group</input>
<input type="radio"  name="Result_radio" id="Result_1"  >individual</input>
<input type="radio"  name="Result_radio" id="Result_2"  >Null Value</input>

2 个答案:

答案 0 :(得分:2)

输入类型radio没有结束标记。

使用label作为值

<input type="radio"  name="Result_radio" id="Result_0" > <label>Group</label>
<input type="radio"  name="Result_radio" id="Result_1" ><label>individual</label>
<input type="radio"  name="Result_radio" id="Result_2" ><label>Null Value</label>

jQuery:

$('input:radio').each(function() {
    if($(this).next('label').text() == 'Null Value'){
        $(this).next('label').remove();
        $(this).remove();        
    }
});

<强> Fiddle

答案 1 :(得分:0)

请注意您的HTML无效,并且浏览器会将其解释为:

<input type="radio" name="Result_radio" id="Result_0">Group
<input type="radio" name="Result_radio" id="Result_1">individual
<input type="radio" name="Result_radio" id="Result_2">Null Value

因此,我们必须在每次输入后检查下一个文本节点:

// For each radio button
$('input:radio').each(function() {

    // If trimmed text after the current radio button is 'Null Value',
    if($.trim(this.nextSibling.nodeValue) == 'Null Value') {

        // Remove the text node
        $(this.nextSibling).remove();

        // Remove current radio button
        $(this).remove();
    }
});

http://jsfiddle.net/vJ8xN/