2014-04-02 227 views
-1

所以在一些空值都存在,所以我想删除它识别动态删除单选按钮值

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

你张贴问题之前,您应该寻找类似的问题。 http://stackoverflow.com/questions/18992001/radio-button-remove-default-value-in-js?rq=1 希望链接将帮助。你应该删除在服务器端的空值,让你甚至不必首先生成单选按钮。 – iCezz

回答

1

输入类型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

+0

+1:良好的捕捉:) – SpiderCode

+0

这里的输入是在标签内http://jsfiddle.net/hamidlab/eju3d/。 所以你需要使用一个'.remove',你也可以点击文本来选中/取消选中单选按钮。 – HamidRaza

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/