使用Jquery获取复选框文本

sla*_*dau 16 html jquery

<input type="checkbox" name="PrePayment">Pre-Payment<br />
Run Code Online (Sandbox Code Playgroud)

如何使用Jquery从中获取"预付款"文本?

谢谢!

mu *_*ort 48

我建议将文本放在<label>标签内,以便您可以点击它(以便屏幕阅读器等可以理解您的表单):

<input type="checkbox" name="PrePayment" id="pre-payment">
<label for="pre-payment">Pre-Payment</label>
<br />
Run Code Online (Sandbox Code Playgroud)

然后,整个事情变得容易:

var text    = $('label[for=pre-payment]').text();
var or_this = $('#pre-payment').next('label').text();
Run Code Online (Sandbox Code Playgroud)

我更喜欢第一种选择,label[for=...]因为它不像第二种选择那么脆弱

  • 这显然是最正确的方法.其他任何东西似乎都是黑客. (2认同)

kar*_*m79 22

也许:

$("input[name='PrePayment']")[0].nextSibling.nodeValue;
Run Code Online (Sandbox Code Playgroud)

在这里试试吧.


小智 9

您应该在复选框中有一个值属性.

<input type="checkbox" name="PrePayment" value="Pre-Payment">Pre-Payment<br />
Run Code Online (Sandbox Code Playgroud)

然后你可以简单地使用attr命令:

$(input).attr('value');
Run Code Online (Sandbox Code Playgroud)

  • @downed:值通常*不与文本值相同.答案将取决于他们是否需要文本或值(他们最初说的是文本). (8认同)